<label>の解説|クロノドライブのHTML辞典

<label>

対応ブラウザ Internet Explorer 4~ Firefox 1~ Google Chrome 1~ Safari 1~ Opera 7~
タグの分類 インライン要素 定義バージョン Strict, Transitional, Frameset
開始タグ 必須 終了タグ 必須
用例
<p>
  <label for="name1>名前</label>
  <input type="text" name="namae" id="name1">
</p>

属性

for 概要 関連付けをする部品のID名を指定します。
属性の値 ID名

<label>とは

「LABEL」とは、フォームの中でフォームの項目名と構成部品(チェックボックス、ラジオボタンなど)を関連付けるためのタグです。
関連付けを行うことにより、ブラウザでラベル(もしくはラベルのアクセスキー)をクリックした際に、その構成部品をクリックしたのと同じ動作が可能になります。

<label>タグの指定方法には2つあり、1つは<label>タグのfor属性の値と、フォーム部品のid属性の値を同じにすることで両者の関連付けができます。もう一つは、<label>~</label>内に部品とラベルを配置するという方法です。
ただし、この方法はInternet Explorer6以前のブラウザには対応していないので、できるだけ前者を用いた方がよいでしょう。

サンプルデモ

		<p>
			<label for="name1">名前</label>
			<input type="text" name="namae" id="name1">
		</p>