HTML-тег <label>

Тег <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>`.