САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <label>


Пример

Три радиокнопки с метками (лейблами):

<form action="/action_page.php">
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
Попробуйте сами »

Определение и использование

Тег <label> определяет метку для элемента <button>, <input>, <meter>, <output>, <progress>, <select> или <textarea>.

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

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


Поддержка браузерами

Элемент
<label> Yes Yes Yes Yes Yes

Советы и примечания

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

Различия между HTML 4.01 и HTML5

Атрибут "form" новый в HTML5.


Атрибуты

Атрибут Значение Описание
for element_id Указывает, к какому элементу формы привязана метка
form form_id Указывает одну или несколько форм, к которым принадлежит метка

Глобальные атрибуты

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


Атрибуты событий

Тег <label> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML DOM справочник: Объект Label


Настройки CSS по умолчанию

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

Пример

label {
  cursor: default;
}
Попробуйте сами »