Тег <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> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.