web-dev-qa-db-ja.com

ラベルタグの「対象」とは何ですか?

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=パラメーターを削除できますか?(好奇心から、何をしますか?)

63
lynn

W3schools.orgから:

タグは、入力要素のラベルを定義します。

Label要素は、ユーザーにとって特別なものとして表示されません。ただし、ユーザーがラベル要素内のテキストをクリックするとコントロールが切り替わるため、マウスユーザーの使いやすさが向上します。

タグのfor属性は、それらを一緒にバインドするために関連要素のid属性と等しくなければなりません。

HTH!

$ .02をアクセシビリティとして追加するSME-使いやすさだけでなく、LABELは入力フィールドを正しいラベルに関連付けて、スクリーンリーダーを使用するユーザーがそのフィールドの目的を認識できるようにします。

90
Jonas

HTMLラベルタグは、フォーム要素のラベルを定義します。通常、チェックボックスとラジオボタンで使用され、ユーザーがラベルをクリックするとボタンが切り替わります。テキスト入力の場合(これを確認するために確認する必要があります)、ユーザーがラベルをクリックしたときにのみ入力にフォーカスを与えると思います。

18
Bill the Lizard

ラベルがどの要素にバインドされているかを指定します。サンプルコードでは、ラベルはforrequired-firstname入力フィールドにあります。ユーザーがそのラベルをクリックすると、フォーカスはバインドされた入力フィールドに移動します。これは使いやすさの向上であり、そのままにしておく方が良いと思います。それは良い習慣です。

8
Pawel Krakowiak

「for」属性は、フォームのアクセシビリティに必要な要素です。省略しないでください。スクリーンリーダー(SR)を使用してWebページをアナウンスするユーザーの場合、「for」属性はコントロールをラベルに関連付けます。通常、SRユーザーは、1つのコントロール(SRのフォーカス可能な要素)から次のコントロールにフォームをタブで移動します。 「for」属性がない場合、SRユーザーはSRのモードを変更し、どのコントロールがどのラベルに一致するかを判断するためにフォームを探索する必要があります。 「for」属性は、モーターの問題に関連する支援技術にも役立ちます。

WebAIM.orgには、「for」のアクセシビリティの影響を説明する素晴らしいページがあります。 http://webaim.org/techniques/forms/controls

5
user3219915

ラベルをフォーム要素IDに結び付けます。チェックボックスなどの一部のフォーム要素は、ラベルをクリックしてアクティブにできます。

5
VirtuosiMedia

一部のブラウザでは、forタグ内のテキストをクリックすると、関連付けられているボックスをチェックする(つまりfor = id)か、そのボックスにフォーカスを置きます。それはADAのことです

3
Peter Turner