<label> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник HTML » Формы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<label> | Тег HTML

Тег <label> метка интерфейса




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




Синтаксис тега <label> ( закрывающий тэг обязателен )


<input> id="идентификатор" <label> for="id" </label>

Тег работает в браузерах





Атрибуты тега <label>

Атрибут for

Указывает идентификатор элемента формы с которой связана этикетка.

Атрибут form

Указывает идентификатор одной или нескольких форм к кторой принадлежит тег <label>

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг label</title>
</head>
<body>
<h3>Кто Вы?</h3>
<form>
<label for="man">Парень</label>
<input type="checkbox" name="vvod" id="man">
<br>
<label for="girls">Девушка</label>
<input type="checkbox" name="vvod" id="girls">
<br>
<label for="svoi">Иное</label>
<input type="checkbox" name="vvod" id="svoi">
</form>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Формы | Добавил: IZOTOP (15.06.2012) | Автор: Меренков Михаил W
Просмотров: 817 | Теги: метка интерфейса | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]