デザインが苦手なWeb便利屋

やったこと備忘録。Webサーバ、DB、JavascriptとかLinuxとか。

HTML/CSS

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

投稿日:

備忘録として保存

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

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

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

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

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

例えば・・・

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

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


性別:

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

名前:
性別:男 

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

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

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

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

 







-HTML/CSS

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

PDCAをまとめてみた

PDCAサイクルとは Plan(計画) Do(実行) Check(評価) Act(改善) 上記4プロセスを繰り返すことにより、業務を円滑にすすめる手法の1つ。 PDCAを回す 基本的には反復実行となり …

カテゴリー