label
- ブラウザ
部品とラベルの関連付け
<label></label>
フォーム部品とラベルを関連付ける要素です。
この要素で関連付けを行うと、ラベル部分のクリックでその部品を選択できるようになります。
指定方法には次の2通りがあります。
- 1つ目の方法
- 部品にid属性を指定して、label要素のfor属性にそのID名を指定します。
- 2つ目の方法
- label要素の中に、部品とラベルを配置します。（部品は1つのみ配置が可能）
※2つ目の方法は、IE6以前では対応していません（IE7からは対応しているようです）。
<p>
<label for="name1">お名前：</label>
<input type="text" name="namae1" id="name1">
</p>
<p>
<label>お名前：
<input type="text" name="namae2"></label>
</p>
| 属性 | 説明 | 値 | 説明 |
|---|---|---|---|
| 任意属性 | |||
| for | 関連付ける部品の指定 | ID名 | 関連付ける部品のID名 （大文字小文字の区別あり） |
- 共通属性・その他属性
- style
- class
- id
- title
- lang
- dir
- accesskey
- イベント属性
- onclick
- ondblclick
- onmousedown
- onmouseup
- onmouseover
- onmousemove
- onmouseout
- onkeypress
- onkeydown
- onkeyup
- onfocus
- onblur
<input type="radio" name="q" value="はい" id="yes">
<label for="yes" accesskey="y">はい（Y）</label>
<input type="radio" name="q" value="いいえ" id="no">
<label for="no" accesskey="n">いいえ（N）</label>
