HTML тег <legend>

Элемент <legend> (от англ. "legend" ‒ «легенда») определяет заголовок (надпись) для обозначения группы элементов формы, сгруппированных элементом <fieldset>. Как правило, он указывается в качестве первого дочернего элемента внутри <fieldset>.

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

Синтаксис

<fieldset>
  <legend>Текст</legend>
</fieldset>

Закрывающий тег

Обязателен.

Атрибуты

alignУстарел в HTML5
Определяет выравнивание заголовка.

Элемент поддерживает глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <legend> со следующими значениями CSS по умолчанию:

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}

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

В HTML 5 атрибут align больше не поддерживается.

Пример использования:

Группируем родственные элементы формы:

Пример HTML:

Попробуй сам
<form>
   <fieldset>
     <legend>Персональные данные:</legend>
     Имя: <input type="text"><br>
     Email: <input type="text"><br>
     День рождения: <input type="text">
   </fieldset>
</form>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами


Учебник HTML

HTML уроки: HTML Элементы



Contema