フォームラベルの "for"属性が必要なのはなぜですか？

Question

フォームラベルの "for"属性が必要なのはなぜですか？

Answer 1

主な利点は、「for」属性を持つラベルをクリックすると、そのフォーム要素に自動的にフォーカスされることです。したがって、入力フィールドのラベルがその入力フィールドに関連付けられ、ラベルをクリックすると入力がオートフォーカスされます。

Answer 2

@ ChristopherArmstrongの回答は技術的には正解ですが、問題を正しく指している人（高齢者、障害者など）がこれによって助けられるという理由があります。カーソルを「約」右に移動させても、右のフィールドに表示されます。ラジオボタンで使用する場合

Answer 3

、それはラベルにクリックをすることができますラジオボタンを選択：それはfor属性を使用して、しかし、2つをクリックしていないので、ONEをクリックすると、何もしないことを

http://jsfiddle.net/DLL73/

通知をそのラジオボタンを選択します。

Answer 4

これは、ラベルをフォームフィールドに関連付けます。これはラジオボタンに特に便利なので、ラベルをクリックして小さなボタンだけでなくボタンを選択することができます。

しかし、あなたはそのためfor属性を使用する必要はありません、あなたはまた、ラベルの内側にあるラジオボタンを置くことができます。

<label> 
    <input type="radio" name="selection" value="yes" /> 
    Certainly 
</label> 

ように、私は通常、また、テキストの周りにspanタグを入れてCSSを使用して簡単にスタイル設定することができます。