LABEL
解説
フォームの構成部品とその項目名を明確に関連付けるために使用。これによりチェックボックスやラジオボタンでは、関連付けられたテキスト部分をクリックしてもチェックを付けることができるようになる。
属性
- for:
- フォーム部品のid属性と同じにすることにより両方を関連付ける
- accesskey:
- ショートカットキーを割り当てる際に使用。WinではAlt+指定文字、MacではControl+指定文字でそのラベルが選択された状態となる
- %STYLEs%:
- スタイルシートのクラス名やID名を参照
- %LANGs%:
- 言語情報や書字方向などを指定
- %EVENTs%:
- 各種イベントを指定
使用例
ソース
<form action="dummy.cgi" method="post">
<label for="namae" accesskey="n">Name:</label>
<input type="text" name="name" id="namae"><br>
Sex:<input type="radio" name="sex" value="male" id="otoko">
<label for="otoko" accesskey="m">male</label>
<input type="radio" name="sex" value="female" id="onna">
<label for="onna" accesskey="f">female</label><br>
BroodType:<label><input type="radio" name="blood" value="a">A</label>
<label><input type="radio" name="blood" value="b">B</label>
<label><input type="radio" name="blood" value="o">O</label>
<label><input type="radio" name="blood" value="ab">AB</label><br>
<input type="submit" value="Send">
</form>