Тег label
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку тегов

ТЕГ <LABEL>

Тег <label> является меткой для установления связи с элементами формы, таких как <input>, <select>, <textarea>, <button>, <output>, <meter> и <preogress>.

При нажатии на метку, браузер передаёт фокус элементу формы с которым связана эта метка при помощи ID. Если элемент формы находится внутри метки, то при нажатии на метку фокус передаётся элементу формы, который находится внутри этой метки.

Поддержка браузеров

Синтаксис

<label></label>

Атрибуты

Атрибут Описание
for Указывает на элемент формы с которым должна быть связана метка. Значением атрибута должен быть id элемента формы из того же документа.
form Указывает к какой форме относится элемент. Значением атрибута должен быть id формы из того же документа. Этот атрибут позволяет размещать элементы формы не только внутри неё, но и в любом месте на странице.

Тег <label> поддерживает глобальные атрибуты.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<label for="name">Имя</label>
<input id="name"> <br>

<label>Фамилия
<input id="lastname"> <br>
</label>
HTML
← Перейти к списку тегов