mojix.org mojix.org
Zopeジャンキー日記
<< 「ユニークな能力」 と 「スタンダードな能力」
>> 「あとで読む」 と 「あとで書く」
2005.12.20
ラジオボタンにはlabelタグのforが便利
はてなブックマークの「注目エントリー」で、3ユーザと5ユーザの切替ボタンが、
ラベルと連動していないことに気づいた。

HTMLソースでいうと、いま

<input value="3" name="threshold" type="radio">
3users
<input value="5" name="threshold" type="radio">
5users

のようになっていますが(ちょっと簡略化しています)、

<input value="3" name="threshold" type="radio" id="button1" />
<label for="button1">3users</label>
<input value="5" name="threshold" type="radio" id="button2" />
<label for="button2">5users</label>

のようにすれば、ラベル部分もクリックできるようになります。

私はこの切替ボタンをよく押すので、
ラベルもクリックできるようになるとうれしいです>はてなの担当者様

じつは私も、わりと最近になって知ったクチなんですが(笑)、
これは知らないともったいないと思ったので、紹介しておきます。


アップデート (12/22):
コメント欄にて、ながさわさんより

<label><input value="3" name="threshold" type="radio" /> 3users</label>
<label><input value="5" name="threshold" type="radio" /> 5users</label>

と書けることを教えていただきました。
こんなのがあったとは! このほうがダンゼン単純ですね。
ありがとうございます。

アップデート2 (12/22):
さらにコメント欄でのe-luckさんからの情報で、こちらの書き方はIEでは動作しないとのこと。
こちらのほうがシンプルなのに、残念ですね。

<< 「ユニークな能力」 と 「スタンダードな能力」
>> 「あとで読む」 と 「あとで書く」