44

重複の可能性:
HTML タグの For 属性は何ですか?

私はこれを見つけようとしてきました。HTML でラベルを使用するときに "for=" を使用する理由は何ですか?

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

それが必要な場合、HTML 5 に相当するものはありますか、それとも同じですか?

4

3 に答える 3

63

ラベルをクリックすると、入力要素がフォーカスされますfor。

投稿した例では、単語Male またはラジオ ボタンをクリックするだけで選択できます。これがないと、クリックするターゲットがはるかに小さくなります...

それが必要な場合、HTML 5 に相当するものはありますか、それとも同じですか?

必須ではありませんが、注目すべき直接的なフォーム要素を持つラベルには良い習慣です (フォームに対応するものがないラベルにはあま​​り意味がありません)。

構文は HTML 5 と同じです。

于 2012-05-30T09:35:23.643 に答える
11

For は<label>と<input>フィールドを結合します。forの を指す必要idがあり<input>ます。これは実際には必要ありませんが、たとえば、ユーザーがラベルをクリックしてラジオ ボタンをチェックできるラジオ ボタンで役立ちます。これにより、クリック領域が大きくなり、ユーザー エクスペリエンスが向上します。

forHTML4 や XHTML など、以前に使用したものと同じ方法で HTML5 を使用します。

于 2012-05-30T09:35:06.890 に答える
8

ラベルの属性を使用し、forその値をid関連するinput要素のに設定すると、ほとんどのブラウザーは、ラベルがクリックされたときに入力要素にフォーカスを合わせます。これは、チェックボックスやラジオボタンなどの小さな要素に特に役立ちます。

于 2012-05-30T09:36:42.040 に答える