HTMLラベルタグ内のfor
パラメーターを単に実行しました。
<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から:
タグは、入力要素のラベルを定義します。
Label要素は、ユーザーにとって特別なものとして表示されません。ただし、ユーザーがラベル要素内のテキストをクリックするとコントロールが切り替わるため、マウスユーザーの使いやすさが向上します。
タグのfor属性は、それらを一緒にバインドするために関連要素のid属性と等しくなければなりません。
HTH!
$ .02をアクセシビリティとして追加するSME-使いやすさだけでなく、LABELは入力フィールドを正しいラベルに関連付けて、スクリーンリーダーを使用するユーザーがそのフィールドの目的を認識できるようにします。
HTMLラベルタグは、フォーム要素のラベルを定義します。通常、チェックボックスとラジオボタンで使用され、ユーザーがラベルをクリックするとボタンが切り替わります。テキスト入力の場合(これを確認するために確認する必要があります)、ユーザーがラベルをクリックしたときにのみ入力にフォーカスを与えると思います。
ラベルがどの要素にバインドされているかを指定します。サンプルコードでは、ラベルはforrequired-firstname入力フィールドにあります。ユーザーがそのラベルをクリックすると、フォーカスはバインドされた入力フィールドに移動します。これは使いやすさの向上であり、そのままにしておく方が良いと思います。それは良い習慣です。
「for」属性は、フォームのアクセシビリティに必要な要素です。省略しないでください。スクリーンリーダー(SR)を使用してWebページをアナウンスするユーザーの場合、「for」属性はコントロールをラベルに関連付けます。通常、SRユーザーは、1つのコントロール(SRのフォーカス可能な要素)から次のコントロールにフォームをタブで移動します。 「for」属性がない場合、SRユーザーはSRのモードを変更し、どのコントロールがどのラベルに一致するかを判断するためにフォームを探索する必要があります。 「for」属性は、モーターの問題に関連する支援技術にも役立ちます。
WebAIM.orgには、「for」のアクセシビリティの影響を説明する素晴らしいページがあります。 http://webaim.org/techniques/forms/controls
ラベルをフォーム要素IDに結び付けます。チェックボックスなどの一部のフォーム要素は、ラベルをクリックしてアクティブにできます。
一部のブラウザでは、forタグ内のテキストをクリックすると、関連付けられているボックスをチェックする(つまりfor = id)か、そのボックスにフォーカスを置きます。それはADAのことです