概要
label要素は、意図するinput要素に関するテキストを表示するとともに、idを通してinput要素と関連付けられる。
input要素に関連付けられたlabelは、その領域をクリックすることでinput要素をクリックしたのと同じ効果を持つ。
書式
<label for="id" accesskey="k">
属性
for属性
対応するinput要素のidをここに書くことで、このlabel要素とinput要素を関連付ける。
以下の例では、3つのテキストボックスに文字列を付している。通常のテキストをクリックしても何も起こらないが、ラベルの場合はラベルのエリアをクリックしてもテキストボックスが選択される。
|
1 2 3 4 5 6 7 |
<form action="" method=""> <ul> <li>ただのテキスト：<input id="none" name="nothing" type="text" /></li> <li><label for="name">ラベルとidで指定</label><input id="name" name="user_name" type="text" /></li> <li><label>ラベルで囲んで指定<input name="user_addres" type="text" /></label></li> </ul> </form> |