フォームについて 《ラベル-label-》

●記述方法は2パターン


【パターン1】…全部囲む《★》

＜label＞＜input type="checkbox" /＞その他＜/label＞




【パターン2】…項目をlabelで囲んでforを指定、inputタグに、同じIDをかく

＜label　for="RR"＞その他＜/label＞
＜input type="checkbox" id="RR" /＞




《★》パターン①の方が簡単
　　　↓
なぜ、他のサイトはパターン②の方をつかってるのか
　　　↓
対応していないブラウザがあるらしい
　　　↓
調べた結果

IE6以外は全部つかえた。


さよならIE6と考えるとパターン①でも全然OK！


---確認ブラウザ---2011,08,03
*Win
IE8・7・6
firefox 5.0

*Mac
safari 4.1.3
firefox 3.6.13
opera 9.64





そもそもlabelは必要なのか…

とっても納得サイト↓↓↓

・labelタグの必要性 | フォーム改善のプロ
http://www.form-keeper.com/efo-blog/in-form/input-label-necessihttp://www.blogger.com/img/blank.gifty/


チェックボックスやラジオボタンには絶対あったほうがいい。…使う側としては。。

EFO…入力フォーム最適化のこと

見た目は何にもかわらないが、入力する側が入力しやすくなる




参考サイト

・とほほ　-ラベル
http://www.tohoho-web.com/html/label.htm

・HTMLタグ/フォームタグ/部品とラベルを関連付ける - TAG index Webサイト
http://www.tagindex.com/html_tag/form/label.html