スキップメニュー:コンテンツへナビゲーションへ

乱雑モックアップ   らんざつ[乱雑] (名・形動)[文]ナリ 入り乱れていること。乱れていて秩序がないこと。また、そのさま。

label for|formのラジオボタンやチェックボックスをクリックしやすくするあれ。

2009年 12月 28日 |

html/css, tips |

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリーのブックマーク数

明示的

inputのidとlabelのforを揃える / IE6でも使える。

<input type="radio" name="gender" id="m" value="男" />
<label for="m">男</label>
<input type="radio" name="gender" id="f" value="女" />
<label for="f">女</label>

暗示的

inputをlabelで包む / IE6が対応してない。

<label>
<input type="radio" name="gender" id="m" value="男" />男
</label>
<label>
<input type="radio" name="gender" id="s" value="女" />女
</label>

同じグループなのでname=”gender”は一緒。

動作サンプル|label for id

結局は、IE6が暗示的に結びつけられたlabelに対応してないから、記述の多い明示的な使い方をするしかなかったんですよね。
でも、もうそろそろ良いですよね。

formに必要なidとnameはDOCTYPEによって変わってくるみたい。

けどHTML4.01とXHTML1.0はとりあえず併記しておけば問題ないようだ
XHTML1.1は普段から使わないけど、formにnameを使わなければ問題ないぽい。
HTML5はどうなんだろう。


コメントはまだありません »

コメントはまだありません。

この投稿へのコメントの RSS フィード。 TrackBack URL

コメントする

You can add images to your comment by clicking here.




Back to Top↑

あわせて読みたい

Back to Top↑

RSS 乱雑モックアップのフィード

Copyright © 乱雑モックアップ. All Rights Reserved.