主に技術的なことを書くブログ

浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。

〜の中にinput要素を入れてしまう衝撃!

フォームのチェックボックスなんかで、チェックボックスの横の文字をクリックしただけでチェックが入ったりするのは、ユーザビリティを高める手段として当然の嗜みであるとおもうのですが。

関連付けする先の入力フォームのidをfor属性で指定する方法と、次のように<label>〜</label>の中に入れてしまう方法とがあります。

すいません、今まで、いちいちidとfor属性指定してました!
今の今までこんなことに気づかなかったなんて。。。