11 月 21 2006
ラジオボタンっておかしくね？
Published by haga at 19:50 under XHTML/CSS2, programing
コーディングしてて、ちょっと疑問
一般にINPUT要素にはLABEL要素をつける
<label for="myText">お名前</label>
<input type="text" />
<input type="text" />
みたいな。
でも、ラジオボタンとチェックボックスだと
○男 ○女
<p>
<input type="radio" name="sex" id="mail" />
<label for="mail">男</label>
</p>
<p>
<input type="radio" name="sex" id="femail" />
<label for="femail">女</label>
</p>
<input type="radio" name="sex" id="mail" />
<label for="mail">男</label>
</p>
<p>
<input type="radio" name="sex" id="femail" />
<label for="femail">女</label>
</p>
見たいにするのが当然だけど
性別 ○男 ○女
みたいな表記にする場合の「性別」は何にすればいいの？ 感覚的には「お名前」と同列であるのでLABELとしたいのだけど、そうするとRADIOにはLABELが二つになっちゃうし・・。
http://www.kanzaki.com/docs/html/htminfo33.html
ここ見ても、ラジオのタイトルには特に明示的なあれはない。
FIELDSET LEGENDはもうちょっと上のレベルの表現だし。 だいたいLEGENDはIE6で全然制御できないから、使ってない。
本来はこうあるべきなんじゃまいか？
<form>
<label for="myRadio">性別</label>
<select type="radio" id="myRadio">
<option>男</option>
<option>女</option>
</select>
</form>
<label for="myRadio">性別</label>
<select type="radio" id="myRadio">
<option>男</option>
<option>女</option>
</select>
</form>
