formのラジオボタン、チェックボックス

2010/06/23

方法は色々あると思うけど普通にやるならid属性とfor属性を使うのがいい。

<INPUT id=”splace” type=”checkbox”> <LABEL for=”splace”>チェックがつく</LABEL>

こんな感じ。で、どうなるかってことだけど下記みたいになる。

formのチェックボックスのサンプル1

「IEなんかどうでもいいよ」って考えるなら<label>でくくってあげる。
そのときはid属性もfor属性なくても無問題。

<LABEL><INPUT type=”checkbox”> チェックがつく</LABEL>

こんな感じだね。触り心地は下記。
※IE6がダメな感じだったはず。

formのチェックボックスのサンプル2

ココではチェックボックスだけしか乗せてないけどラジオボタンも同じ。

新着(ニュース関連以外)

2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい
2017-11-30
Xampp+FuelPHP1.8をサーバーにupしたらエラーになった。
2017-11-09
PCでプッシュ通知ってのをしたい。
2017-11-06
PHPのバージョンを上げたらwikiが壊れたっぽい。
2017-08-03
formのinputでmaxlengthを使うとFirefoxでバグってた。他のブラウザでも気づかずにバグってたかもしれない。