チェックボックスとかラジオボタンにはlabelを・・・

labelでwrapされてないチェックボックスとかラジオボタンが多い気がするんですけど(たまたまかもしれないけど)、これってそんなに面倒くさいことですかね・・・いやいやこの記事読んでくれてる人にはいないと思うんですけど。

チェックしやすいのはどっち

hoge
fuga

これをlabel要素で囲って


ってするだけですよね。チェックボックスのラベルっぽいところをクリックして文字選択になったときのあの感じ・・・!

何か役に立つことがあったらシェアしてみてください

このエントリーをはてなブックマークに追加

Comments: 3 - Leave a comment

  1. cyokodog

    この記事思い出しました

    コメント欄で、label要素内のinputについて議論されてます

  2. そめ

    カコってても、for属性つけないとIE6,7でクリックできないという微妙な問題がありますよね。
    あとlabel内に画像を使うと、IEで画像をクリックしても期待の動作にならないっていう問題があったとおもいます。
    後者に関してはJSで対応しなきゃいけないんですよねーめんどうくさい。

    1. nori

      そういえば6と7を忘れてましたね・・・
      どっちもあわせてJSでやってしまえば楽なんですけど・・・

      いちいちfor属性をつけるのは面倒くさいので省きたいところですよね

Leave a comment

Trackbacks: 0

Trackback URL for this entry
Listed below are links to weblogs that reference
チェックボックスとかラジオボタンにはlabelを・・・ from 5509

Author

nori
nori
- UI Engineer
Location
- ,