Вы здесь

HTML тег label

Тег <label> определяет метку для элемента <input>.

Элемент <label> на пользовательском уровне ничего особенного не генерирует. Тем не менее, он позволяет улучшить взаимодействие пользователя со страницей, так как при нажатии мышкой на метку активируется связанный с ней контрольный элемент.

Атрибут for тега <label> должен иметь такое же значение, что и атрибут id соответствующего контрольного элемента. Это позволяет связать их друг с другом.

Метка может быть связана с контрольным элементом либо при помощи атрибута for, либо вложив этот контрольный элемент в тег <label>.

Разница между HTML 4.01 и HTML5
В HTML5 у тега <label> появилось новый атрибут form.
Атрибуты тега <label>
Атрибут Описание
for Определяет к какому элементу относится метка
form Определяет к какой форме относится данный элемент
Общие атрибуты

Тег <label> поддерживает общие атрибуты и атрибуты-события.

HTML пример

Две кнопки выбора с текстовыми метками:


<form action="http://msiter.ru/demo_form.asp">
   <label for="male">Male</label>
   <input type="radio" name="sex" id="male" value="male"><br>
   <label for="female">Female</label>
   <input type="radio" name="sex" id="female" value="female"><br>
   <input type="submit" value="Submit">
</form>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <label> со следующими стилями


label {
    cursor: default;
}