label

HTML тег label— это тег, который устанавливает метку или ярлык для поля ввода. Сам тег не форматирует визуальную часть страницы, но дает прирост параметра юзабилити, когда элемент формы активируется не только при нажатии на его самого, но и на стоящий рядом текст — описание данного поля.

У тега label есть атрибут for, который должен быть равным атрибуту id элемента ввода, для которого установили этот label.

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

ie IE operaOpera chromeChrome firefoxFirefox safariSafari
Данный браузер IE6, если кликнуть на текст, когда текст находится внутри тега label, не устанавливает фокус на поле формы + + + +

Пример


<form>
      <label for="male">Male</label>
      <input type="radio" name="sex" id="male" />
      <label for="female">Female</label>
      <input type="radio" name="sex" id="female" />
</form>

Разница между 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 скрипт Скрипт будет выполнен при разжатии клавиши
Просмотров: 22

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *