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

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

то есть.

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

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

Ответ 1

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

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

Ответ 2

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

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

Ответ 3

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

Ответ 4

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

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

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

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