label要素
w3cのhtml4.01strictより要素を抜き出しています。日本語訳ではありません。
補足は独自意見ですので参考程度でご覧ください。
label
コントロールに自動的にラベルがつくのも以外にラベルを指定するとき使用する。
- 開始タグ
- 省略不可
- 終了タグ
- 省略不可
- 包含要素
- インラインただしlabelを含めることはできない。
- 属性
- %attrs;とfor,accesskey,onfocus,onblur
- 補足
- 自動的にラベルがつく場合value属性値が用いられます。ラジオボタンやチェックボックスなどで便利。
<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text --> <!ATTLIST LABEL %attrs; -- %coreattrs, %i18n, %events -- for IDREF #IMPLIED -- matches field ID value -- accesskey %Character; #IMPLIED -- accessibility key character -- onfocus %Script; #IMPLIED -- the element got the focus -- onblur %Script; #IMPLIED -- the element lost the focus -->
for = idref [CS](大文字と小文字は異なるものとして解釈する)
コントロールにつけたid属性と同じ属性値をforの属性値にすることでラベルと関連づけることができる。下のw3cのサンプルコードはtr要素とtd要素の終了タグが省略されています。
<form action="..." method="post">
<table>
<tr><td><label for="fname">First name:</label>
<td><input type="text" name="firstname" id="fname">
<tr>
<td><label for="lname">Last Name</label>
<td><input type="text" name="lastname" id="lname">
</table>
</form>
<label></label>との間にコントロールを置く(子要素にする)とforなしでラベルと関連づけることができる。ただし1つのコントロールのみしか子要素にできない。
<form action="..." method="post">
<p>
<label>
first name
<input type="text" name="firstname">
</label>
<label>
<input type="text" name="lastname">
last name
</label>
</p>
</form>
accesskey= character [CN]
アクセスキー。1文字で記述。accesskey属性をサポートする要素はa,area,button,input,label,legend,textareaでありa要素に設定されている場合は一般的にリンクする。[CN]は入力モードにかかわらないと思われる。アクセスキーがAならば小文字のaでも日本語入力時のあであろうと同じという意味だと思われる。ただし、OSやブラウザによりAltキーなどと同時打鍵が必要な場合もあり。アクセスキー確認用ホームページ作成(a)Alt+アクセスキー(Enter)
onfocus = script [CT]
タブかポインティングディバイスでフォーカスを得たときに発生するイベント補足用。a要素、area要素、label要素、input要素、select要素、textarea要素、button要素で使用できる
onblur = script [CT]
タブかポインティングディバイスでフォーカスを失ったときに発生するイベント補足用。a要素、area要素、label要素、input要素、select要素、textarea要素、button要素で使用できる