HTML · справочник

Тег label

label даёт полю формы понятное имя. Нажатие на подпись переводит фокус в поле или переключает checkbox, поэтому форма становится удобнее.

Связь через for

Значение for должно совпадать с id поля. Текст подписи объясняет, какие данные ожидаются; placeholder не заменяет label.

<label for="email">Электронная почта</label>
<input id="email" name="email" type="email">

Checkbox и вложенная подпись

Для флажка label увеличивает область нажатия. Поле можно поместить внутрь подписи или связать отдельными атрибутами.

<label>
  <input type="checkbox" name="news">
  Получать новые уроки
</label>

Частые ошибки

• Поле только с placeholder.
• for не совпадает с id.
• Одинаковые id у нескольких полей.
• Подпись не объясняет формат данных.

Связанные темы

Формы · input · Доступность