16

非常にばかげた質問で失礼しますが、好奇心が私を殺してしまいます。さらに、これは初めてですが、マークアップで重要なラベルを使用しています。その理由は何ですか。

すなわち

<label for="birthdate">Birthdate:</label>
<input type="text" id="birthdate" name="birthdate" />

なぜこの入力にラベルを付ける必要があるのか​​、なぜそれがユーザーにとって有益なのか、なぜ将来の使用に有益になるのか、それとも検索エンジン最適化のことなのか。それは私が本当に知りたいことです:)

4

4 に答える 4

33

それはいくつかの理由で重要です：


  • ラベルをクリックすると、多くのユーザーが期待するテキストフィールドに焦点が当てられます。
  • アクセシビリティの理由から役立ちます。
  • ユーザーは他にどのようにしてどのフィールドがどれであるかを知ることができますか？テキストやスパンなどを使用することもできますが、なぜそうするのでしょうか。
  • よりセマンティックなマークアップにつながります。
于 2010-10-08T18:08:17.143 に答える
14

スクリーンリーダーなどのアクセシビリティに役立ちます。

また、チェックボックスなどの場合、ユーザーはチェックボックス自体だけでなく、ラベルをクリックすることもできます（試してみてください！）。

于 2010-10-08T18:08:05.380 に答える
5

アクセシビリティにとって重要であるため、スクリーンリーダーを使用している視覚障害者は、どのテキストボックスがどの目的に使用されているかを簡単に判断できます。そうしないと、ソフトウェアがアクティブなテキストボックスの目的をページ構造から判断できない可能性があります。また、ラベルをクリックすると、適切な入力コントロールにフォーカスされます。これは便利です。

于 2010-10-08T18:07:39.667 に答える
2

将来の使用：

入力htmlフォームがデータベースに直接リンクされている場合（フレームワークで発生）

したがって、入力フォーム変数はデータベース列を直接表します。

したがって、データベースの列名をフォームでユーザーに表示する代わりに、ラベルを使用してユーザーに簡略化された名前を表示できます。

于 2010-10-08T18:20:20.597 に答える