- Главная»
- HTML-Шпаргалка»
- label
label
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
IE6 при клике по тексту, когда поле с текстом находится внутри тега <label> не активирует поле формы | + | + | + | + |
Пример
Простая форма с двумя полями и связанными метками (ярлыками):
<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form>
Описание и использование
Тег <label> определяет метку (ярлык) для элемента ввода.
Элемент label скрыт от глаз пользователей. Однако, он предоставляет значительное улучшение юзабилити для тех, кто пользуется мышкой, так как при нажатии юзером на текст внутри элемента label, включаются кнопки управления.
Атрибут for тега <label> должен равняться атрибуту id связанного элемента для связки.
Разница между HTML и XHTML
НЕТ
Необязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
for | id_элемента | Определяет связь с элементом формы |
Стандартные атрибуты
Атрибут | Значение | Описание |
---|---|---|
accesskey | буква | Определяет клавишную комбинацию для получения доступа к элементу |
class | имя_класса | Определяет имя класса для элемента |
dir | rtl ltr | Определяет направление текста для контента в элементе |
id | id | Определяет уникальный id для элемента |
lang | код_языка | Определяет код языка для контента в элементе |
style | определение_стиля | Определяет инлайновый стиль для элемента |
title | текст | Определяет дополнительную информацию об элементе |
xml:lang | код_языка | Определяет код языка для контента в элементе, в XHTML документах |
Событийные атрибуты
Атрибут | Значение | Описание |
---|---|---|
onblur | скрипт | Скрипт будет выполнен после потери элементом фокуса |
onclick | скрипт | Скрипт будет выполнен при клике |
ondblclick | скрипт | Скрипт будет выполнен при двойном клике |
onfocus | скрипт | Скрипт будет выполнен при получения фокуса |
onmousedown | скрипт | Скрипт будет выполнен при нажатии кнопки мышки |
onmousemove | скрипт | Скрипт будет выполнен при движении курсора мышки |
onmouseout | скрипт | Скрипт будет выполнен, когда курсор мышки покинет пределы элемента |
onmouseover | скрипт | Скрипт будет выполнен, когда курсор мышки находится над элементом |
onmouseup | скрипт | Скрипт будет выполнен, когда кнопка мышки будет отпушена |
onkeydown | скрипт | Скрипт будет выполнен при нажатии клавиши |
onkeypress | скрипт | Скрипт будет выполнен при нажатии клавиши и последующего разжатия |
onkeyup | скрипт | Скрипт будет выполнен при разжатии клавиши |