Последние учебники веб-разработки
 

HTML <label> Tag


пример

Три радио-кнопки с метками:

<form action="demo_form.asp">
  <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> тэг определяет метку на <input> элемента.

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

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


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

Элемент
<label> да да да да да

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

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


Отличия между HTML 4.01 и HTML5

"form" атрибут является новым в HTML5.


Атрибуты

= Новое в HTML5.

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

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

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


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

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


Похожие страницы

HTML DOM ссылка: Метка объекта


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

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

пример

label {
    cursor: default;
}
Попробуй сам "