<label>
対応ブラウザ | Internet Explorer 4~ Firefox 1~ Google Chrome 1~ Safari 1~ Opera 7~ | ||
---|---|---|---|
タグの分類 | インライン要素 | 定義バージョン | Strict, Transitional, Frameset |
開始タグ | 必須 | 終了タグ | 必須 |
用例 |
|
属性
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>