1. ホーム
  2. html

[解決済み] ラベルタグの "for "は何のため?

2022-03-04 03:53:12

質問

ちょうど for パラメータを含むHTMLラベルタグを作成しました。

<label for="required-firstname"> First Name </label>
<small>*</small>
<input name="required-firstname" type="text" tabindex="2" 
       id="required-firstname" size="24" maxlength="40">

このフォームをPHPで処理するスクリプトに変換しているのですが、for=パラメータをなくすことはできますか? (興味本位ですが、それは何をするものなのでしょうか?)

どのように解決するのですか?

w3schools.orgより。

<ブロッククオート

このタグは、input 要素のラベルを定義する。

label 要素は、ユーザーにとって特別なものとしてレンダリングされることはない。しかし、ユーザーが label 要素内のテキストをクリックすると、コントロールが切り替わるので、マウス・ユーザーのユーザビリティを向上させることができます。

タグのfor属性は、関連する要素のid属性と等しくして、両者を結びつける必要があります。

HTH!

アクセシビリティSMEとしての私の意見を付け加えると、ユーザビリティと同様に、LABELは入力フィールドに正しいラベルを関連付けるので、スクリーンリーダーを使用している人はそのフィールドが何のためのものかを知ることができます。