HTML

• [PR]
  ×

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

  • 2024/11/21 15:24
• label要素の指定方法について整理してみた
  label要素を指定してみようとしてちょっと迷ったので書き留めときます。
  
  まず、ラベル要素とは、
  
  

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

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

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

  1つ目の方法

  部品にid属性を指定して、label要素のfor属性にそのID名を指定します。

  2つ目の方法

  label要素の中に、部品とラベルを配置します。（部品は1つのみ配置が可能）

  
  label要素の指定方法には２つあるようですね。
  
  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
  • HTML
  • 2015/01/20 20:17
  • 0