HTML тег `<legend>`

Значение и применение

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

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.legend
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`legend`	✓1	✓12	✓1	✓≤12.1	✓3	✓18	✓4	✓≤12.1	✓1	✓1.0	✓4.4	✓1
`align`	✓1	✓12	✓1	✓≤12.1	✓≤4	✓18	✓4	✓≤12.1	✓≤3.2	✓1.0	✓4.4	✓≤3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`align`	`left right top bottom`	Не поддерживается в HTML5. Определяет выравнивание заголовка.

Примеры, попробуйте сами

Название группы

Измените legend. Он подписывает группу, а label — отдельное поле.

index.html

HTML

<fieldset>
  <legend>Предпочтения</legend>
  <p>
    <label><input type="checkbox" /> Новости</label>
  </p>
  <p>
    <label><input type="checkbox" /> Уведомления</label>
  </p>
</fieldset>

Отличия HTML 4.01 от HTML 5

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

Значение CSS по умолчанию

CSS

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

Поддержка глобальных атрибутов

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

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <legend>