LABELタグ | HTML formタグに関連付け

NO IMAGE
         

この記事は1年以上前に更新されたものです。内容が古い可能性がありますのでご注意ください。

備忘録として保存

HTMLのFORM部品とそのラベル(文字列)を関連付ける

最近見かけることが多いのですが、ラジオボタンの文字をクリックすると、対応しているラジオボタンにチェックが入るフォーム。
チェックボックスも同じく。

かなり便利だと思うんですけど、簡単にできるのかなと調べてみました。

手打ちだとチョット手間ですが、めちゃくちゃ簡単。

<label></label>で対応する部分を囲むだけ。

例えば・・・

<label>
名前:
<input type="text" name="name">
</label>

性別:
<label>
男<input type="radio" name="sex" value="male">
</label>

<label>
女<input type="radio" name="sex" value="female">
</label>

見たいな感じで出来ちゃいます。

———–以下<label>有り———–


性別:

———–以下<label>無し———–

名前:
性別:男 

テキストボックスは、それほど「便利感」を感じないんですが
チェックボックスやラジオボックスはいい感じですよ。

さらにアクセスキーを設定すると、一般的なアプリケーションのように
ALT+Y とかショートカットキーのような対応で使えます。

ちなみに、上記の記述はIE5、IE6あたりは非対応のようです。

詳細はとほほさんのHTMLリファレンスで。(ぉぃ
http://www.tohoho-web.com/html/label.htm