Тег <label>
используется для определения заголовка для элемента управления формы в HTML form. Каждый элемент <label>
может быть связан ровно с одним элементом <input>
либо с помощью атрибута for, либо путем помещения элемента <input>
внутрь элемента <label>
.
Тип: | Inline |
Контент: | Строчный и текст |
Открывающий тег: | Обязательный |
Закрывающий тег: | Обязательный |
Версия: | HTML 4, 4.01, 5 |
<label>
делает форму более понятной и удобной для пользователей. Помимо визуального отображения информации, тег обеспечивает большую область для клика мелких элементов, таких как флажки или переключатели, потому что если пользователь нажимает на текст элемента <label>
, клик срабатывает и для элемента <input>
.
Синтаксис
Базовый синтаксис тега <
выглядит следующим образом:label
>
<label for="control_id" > ... </label>
Примеры написания кода тега <label>
:
<form>
<input type="radio" name="gender" value="male" id="male">
<label for="male">Мужской</label>
<input type="radio" name="gender" value="female" id="female">
<label for="female">Женский</label>
</form>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <label>
:
Атрибут | Значение | Описание |
---|---|---|
for |
form-control-id | Указывает, к какому элементу управления формы относится метка. |
form |
form-id | Определяет элемент <form> , с которым связан элемент <label> . |
Глобальные атрибуты
Как и все другие HTML-теги, тег <label>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <label>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <label>
поддерживается во всех основных браузерах.