Важно ли использовать <label> в HTML?

Извините меня за, может быть, очень глупый вопрос, но мое любопытство убивает меня, и, кроме того, я новичок в этом, но использую ярлыки, важные в вашей разметке, и почему?

то есть.

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

Почему я должен отмечать этот ввод, почему он полезен для пользователя, почему он будет полезен для будущего использования, или это поисковая оптимизация. Это то, что я действительно хочу знать:)

Ответы

Ответ 1

Это важно по ряду причин:

  • Щелчок по метке фокусируется на значке текстовое поле, что очень много ожидаемых пользователей.
  • Это полезно для причин доступности.
  • Как еще пользователь узнает, какое именно поле? Вы можете использовать просто текст или пробел или что-то еще, но почему ты?
  • Это приводит к большей семантической разметке.

Ответ 2

Это помогает для доступности, например. Ширмы-читатели.

Также для таких вещей, как флажки, пользователь может щелкнуть по метке, а не только флажок (Попробовать!).

Ответ 3

Это важно для доступности, поэтому слепые люди, использующие программы для чтения с экрана, могут легко определить, для какого текстового поля это означает, потому что, возможно, в противном случае их программное обеспечение не сможет определить цель активного текстового поля из структуры страницы. Кроме того, нажатие на метку будет фокусировать подходящее управление ввода, что удобно.

Ответ 4

Будущее использование:

В случае, когда входная форма html напрямую связана с базой данных (происходит в рамках)

поэтому переменные входной формы непосредственно представляют столбцы базы данных.

Итак, вместо того, чтобы показывать имена столбцов базы данных для пользователя в форме, мы можем показывать упрощенные имена пользователю с помощью ярлыков.