<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
この要素に関連する目的別リファレンス
部品とラベルを関連付ける