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

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

HTML: <legend> тег

Когда в HTML-форме группируются связанные элементы, тег HTML <legend> используется для создания заголовка для тега <fieldset>. Этот тег также часто называется элементом <legend>.

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

Группировка связанных элементов в форме:

Пример

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Использование тега fieldset в HTML5 (Базовый курс oldtoolbag.com)</title>
</head>
<body>
<form>
　　<fieldset>
　　　　<legend>Личная информация (oldtoolbag.com)</legend>
　　　　Имя: <input type="text"><br>
　　　　Адрес: <input type="text"><br>
　　　　Номер телефона: <input type="text">
　　</fieldset>
</form>
</body>
</html>

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

В данном примере документа HTML5 мы создали метку <legend>, которая предоставляет заголовок для трех групп элементов управления <input>. Метка <legend> будет отображать заголовок «Личная информация (oldtoolbag.com)» над этими группами контроллеров.

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

IEFirefoxOperaChromeSafari

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

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

　Элемент <legend> является <fieldset>Элемент определяет заголовок.

Заголовки, созданные тегом <legend>, будут отображаться перед соответствующими контролами в <fieldset>, и они будут выглядеть, как если бы они висели над верхним краем <fieldset>.

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

В HTML 4.01 атрибут "align" уже устарел, HTML5 не поддерживает этот атрибут. Не рекомендуется использовать. Используйте CSS для настройки способа выравнивания элемента <legend>.

Свойство

Свойство	Значение	Описание
align	top bottom left right	HTML5 не поддерживает. HTML 4.01 уже устарел. Не рекомендуется использовать. Используйте стили вместо этого. Определяет способ выравнивания заголовка в fieldset.

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

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

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

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

HTML: <li> тег HTML: <label> тег