labelタグ

HTMLのlabelタグは、チェックボックスやテキストフォームと関連付けるためのタグ。
特に押しにくいチェックボックスやラジオボタンでは、文字の部分を入力すると選択されことになるので便利。

記述方法は二種類

• labelのfor属性に対象のidを記述する方法
  
  <input id="hoge" type="checkbox" name="hoge" /> <label for="hoge">チェックボックスだよ</label>

  1 2	<input id="hoge" type="checkbox" name="hoge" /> <label for="hoge">チェックボックスだよ</label>

  
  チェックボックスだよ
• labelタグで囲んじゃう方法
  
  <label> <input type="checkbox" name="hoge" />チェックボックスだよ </label>

  1 2 3

  <label> <input type="checkbox" name="hoge" />チェックボックスだよ </label>

  
  チェックボックスだよ

後者のほうはブラウザ(特にIE系)によっては、認識しないとかなんとか。
前者のほうが、idが必須なのでめんどいけど、離れたところでも関連付けるから、整形する上では便利かも。

ちなみに、ASP.NETでは、前者の方法ではinputタグのIDが自動で決まるので、<%タグを使用して下記のようにする。