忍者ブログ

エンジニア初心者の備忘録

エンジニア初心者が躓いたことハマったことを公開します!

label要素の指定方法について整理してみた

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

ただいまコメントを受けつけておりません。

label要素の指定方法について整理してみた

label要素を指定してみようとしてちょっと迷ったので書き留めときます。

まず、ラベル要素とは、

フォーム部品とラベルを関連付ける要素です。

この要素で関連付けを行うと、ラベル部分のクリックでその部品を選択できるようになります。

指定方法には次の2通りがあります。

1つ目の方法
部品にid属性を指定して、label要素のfor属性にそのID名を指定します。
2つ目の方法
label要素の中に、部品とラベルを配置します。(部品は1つのみ配置が可能)

label要素の指定方法には2つあるようですね。

1つ目の方法:
<input type="radio" name="reselect" value="delete" id="delete"><label for="delete">削除</label>

2つ目の方法:
<label><input type="radio" name="reselect" value="delete">削除</label>

2つの方法の違いは、対応ブラウザの範囲の問題のようです。
2つ目の方法は、シンプルですが、IE6以前では対応していないそうです(IE7からは対応しているそうです)。
なので、とりあえず、今回は、対応範囲の広い1つ目の方法を採用しました。

実務では、どちらが一般的なんだろう?


【参考サイト】
http://www.tagindex.com/html_tag/elements/label.html
http://www.tagindex.com/html_tag/form/label.html
PR

コメント

プロフィール

HN:
プラムザ 太郎
性別:
非公開

P R