Тег <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 screen-читачі не можуть повідомити користувачу, що саме означає поле введення.

Схожі інструменти