<label></label>
部品とラベルの関連付け

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
DTD Strict:使用可 / Transitional:使用可 / Frameset:使用可
タグ 開始タグ:必須 / 終了タグ:必須
分類
子要素 ただし、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
この要素に関連する目的別リファレンス
部品とラベルを関連付ける