チェックボックスとかラジオボタンにはlabelを・・・
labelでwrapされてないチェックボックスとかラジオボタンが多い気がするんですけど（たまたまかもしれないけど）、これってそんなに面倒くさいことですかね・・・いやいやこの記事読んでくれてる人にはいないと思うんですけど。
チェックしやすいのはどっち<input type="checkbox" name="checkbox[]" value="hoge">hoge <input type="radio" name="radio[]" value="fuga">fuga
これをlabel要素で囲って
<label><input type="checkbox" name="checkbox[]" value="hoge">hoge</label> <label><input type="radio" name="radio[]" value="fuga">fuga</label>
ってするだけですよね。チェックボックスのラベルっぽいところをクリックして文字選択になったときのあの感じ・・・！
何か役に立つことがあったらシェアしてみてください
Leave a comment
Trackbacks: 0
- Trackback URL for this entry
- Listed below are links to weblogs that reference
- チェックボックスとかラジオボタンにはlabelを・・・ from 5509
Comments: 3 - Leave a comment
この記事思い出しました
http://labs.unoh.net/2007/08/10tips.html
コメント欄で、label要素内のinputについて議論されてます
カコってても、for属性つけないとIE6,7でクリックできないという微妙な問題がありますよね。
あとlabel内に画像を使うと、IEで画像をクリックしても期待の動作にならないっていう問題があったとおもいます。
後者に関してはJSで対応しなきゃいけないんですよねーめんどうくさい。
そういえば6と7を忘れてましたね・・・
どっちもあわせてJSでやってしまえば楽なんですけど・・・
いちいちfor属性をつけるのは面倒くさいので省きたいところですよね