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> определяет метку для элемента <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 Ссылки: Label Object
Параметры CSS по умолчанию
В большинстве обозревателей элемент <label> будет отображаться со следующими значениями по умолчанию:
Пример
label {
cursor: default;
}