HTML［input要素］メールアドレスの入力欄を表す - TAG index
各属性の概要は、上記表のリンク先をご覧ください。（input要素のページにリンクしています） どの部品タイプにどの属性を指定できるかは、下記の対応表で確認することができます。 属性と部品タイプの対応表 この部品タイプの特徴 メールアドレスを入力するための入力欄です。 （実際の表示例） この部品タイプに対応しているブラウザでは、メールアドレスとして正しくない値を送信しようとすると、エラーメッセージが表示される場合があります。（ただし、それほど厳密にチェックしているわけではないようです） Chrome、Edge、Firefoxの場合 文字 + @ + 文字で送信可能になるようです。この形式に合わない場合はエラーメッセージが表示されます。 pattern属性の指定例 この部品タイプにおけるpattern属性の指定例です。 メールアドレス：<input type="email" name="mai
HTML［td要素］表のセルを結合する - TAG index
colspan属性の値は1 ～ 1000、rowspan属性の値は0 ～ 65534の範囲で指定することができます。 セルの結合方法 水平方向に結合したい場合は、colspan属性を使用します。 次の例では、水平方向に3つのセルを結合しています。 <table> <tr> <td colspan="3">セルの結合</td> </tr> <tr> <td>セル</td> <td>セル</td> <td>セル</td> </tr> </table> 垂直方向に結合したい場合は、rowspan属性を使用します。 次の例では、垂直方向に3つのセルを結合しています。 <table> <tr> <td rowspan="3">セルの結合</td> <td>セル</td> <td>セル</td> </tr> <tr> <td>セル</td> <td>セル</td> </tr> <tr> <td>セル<
スタイルシート［CSS］/リスト/マーカーの表示位置を指定する - TAG index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> ul.example1, ol.example1 { list-style-position: outside; } ul.example2, ol.example2 { list-style-position: inside; } </style> </head> <body> <ul class="example1"> <li>リスト項目A<br>マーカーをリストボックスの外側に表示</li> <li>リスト項目B<br>マーカーをリストボックスの外側に表示</l
HTMLタグ/フォームタグ/パスワード形式の入力欄を作る - TAG index
type="password" （パスワード形式の入力欄を作成） type属性の値に password を指定すると、パスワード形式の入力欄を作成できます。 name="" （部品の名前を指定） フォーム部品を識別するための名前を指定します。 この属性の値は、入力されたデータ（またはvalue属性の値）とセットで送信されることになります。 value="" （入力欄の初期値を指定） この属性の値は、初期値として入力欄に表示されます。（アスタリスク（ * ）などで表示されます） しかし、パスワード形式の入力欄では初期値の設定は行わない方がいいでしょう。（ソースを見るとパスワードの文字列を確認できてしまうため） size="" （入力欄の幅を文字数で指定） 入力欄の横幅を文字数で指定します。 この属性を指定した場合でも、ブラウザにより見た目の幅は異なります。同じような幅で表示させたい場合は、ス
スタイルシート［CSS］/イメージ/画像の大きさを指定する - TAG index
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> img.example1 { width: 96px; height: 65px; } img.example2 { width: 100%; height: 130px; } </style> </head> <body> <p><img src="rainbow.jpg" alt="［写真］"> 通常の大きさ</p> <p><img src="rainbow.jpg" alt="［写真］" class="example1"> 縮小</p> <p><img src=
JavaScript/リンク/履歴の移動（進むボタン・戻るボタン） - TAG index
<html> <head> <title>TAG index Webサイト</title> </head> <body> <p><a href="#" onClick="history.back(); return false;">前のページにもどる</a></p> <p><a href="#" onClick="history.go(-2); return false;">2つ前のページにもどる</a></p> </body> </html> 上記の例では、タグに直接指定しています。 history.back() … 1つ前に戻る history.forward() … 1つ先に進む history.go(-3) … 指定数分戻る（マイナスで指定します） history.go(3) … 指定数分進む <input type="button" value="戻る" onClick="his
HTML［input要素］1行のテキスト入力欄を表す - TAG index
各属性の概要は、上記表のリンク先をご覧ください。（input要素のページにリンクしています） どの部品タイプにどの属性を指定できるかは、下記の対応表で確認することができます。 属性と部品タイプの対応表 この部品タイプの特徴 テキストを入力するための入力欄です。 （実際の表示例） input要素では、この部品タイプがデフォルトになります。 入力内容が電話番号、URL、メールアドレスなどの場合は、それぞれ専用の部品タイプが用意されているのでそちらを使用することをおすすめします。 電話番号の入力欄を表す URLの入力欄を表す メールアドレスの入力欄を表す pattern属性の指定例 この部品タイプにおけるpattern属性の指定例です。 次の例では、郵便番号の入力パターンを指定しています。 郵便番号：<input type="text" name="post" pattern="\d{3}-\d
HTMLタグ/フォームタグ/セレクトボックスを作る - TAG index
上記の属性は、select要素とoption要素のどちらにも指定することができます。しかし、option要素に対するこの属性の指定は、一部のブラウザでは対応していないようです。 disabled （部品を無効化する） この属性が指定された部品は、選択することができなくなります。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
