Тег <label>

<label> создаёт текстовую подпись для элемента формы, улучшая как понимание, так и доступность (клик по label фокусирует/активирует связанный контрол).

Syntax

<label for="email">Email</label>

Attributes

for id элемента формы, с которым связан label. Клик по тексту label активирует именно этот элемент.

Example

<label for="email">Email</label>
<input type="email" id="email" name="email">

Notes

  • Альтернатива for/id — вложение input прямо внутрь label: <label>Email <input type="email"></label>.

Accessibility

  • Без label скринридеры не могут сообщить пользователю, что означает поле ввода.

Похожие инструменты