Руководство по HTML

Полный список тегов HTML

HTML: <label> тег

Элемент HTML <label> (тег) представляет собой описание элемента пользовательского интерфейса. Тег <label> используется для создания заголовка для ввода пользователя (например, тег <button>, <input>, <meter>, <output>, <progress>, <select> или <textarea>). Этот тег также часто называют элементом <label>.

Онлайн пример

Простая HTML-форма с двумя полями ввода и соответствующими подписями:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега label в HTML5 (сайт основного руководства oldtoolbag.com)</title>
</head>
<body>
<h1>Использование label</h1>
<form action="demo-form.php">
　　<label for="company">Компания:　</label>
　　<input type="text" name="company" id="company"><br>
　　<label for="address">Адрес:　</label>
　　<input type="text" name="address" id="address"><br>
　　<input type="submit" value="Подтвердить">
</form>
</body>
</html>

Проверьте, посмотрите ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

В настоящее время большинство браузеров поддерживают тег <label>.

Определение и описание использования тега

Тег <label> определяет подпись (метку) для элемента input. Он используется для отображения заголовка интерактивного элемента на веб-странице.

Элемент label не создает никаких специальных эффектов для пользователей. Однако, он улучшает доступность для пользователей мыши. Если вы нажмете на текст в элементе label, это вызовет этот контроль. Иначе говоря, когда пользователь выбирает этот ярлык, браузер автоматически переводит фокус на связанный с этим ярлыком элемент формы.

Свойство "for" тега <label> должно совпадать с свойством "id" соответствующего элемента.

Советы и注意事项

Совет:Свойство "for" может связать label с другим элементом. Установите значение свойства "for" в значение свойства "id" соответствующего элемента.

Различия между HTML 4.01 и HTML5

"form" свойство - это новый свойство HTML5.

Свойство

New: Новые свойства HTML5.

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

Глобальные свойства

Тег <label> поддерживает глобальные свойства, см. таблицу полных свойств Глобальные свойства HTML.

свойства событий

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

HTML: <legend> тег HTML5: <keygen> тег