`<legend>` HTML-элемент легенды набора полей

Базовая поддержка Широко доступна

Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в различных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Элемент <legend> HTML представляет собой подпись к содержимому родительского элемента <fieldset>.

В настраиваемых элементах <select> элемент <legend> можно использовать как дочерний элемент <optgroup>, чтобы создать подпись, которую легко выбрать и стилизовать. Она заменяет любой текст, заданный в атрибуте label элемента <optgroup>, и имеет ту же семантику.

Попробуйте

<fieldset>
  <legend>Choose your favorite monster</legend>

  <input type="radio" id="kraken" name="monster" value="K" />
  <label for="kraken">Kraken</label><br />

  <input type="radio" id="sasquatch" name="monster" value="S" />
  <label for="sasquatch">Sasquatch</label><br />

  <input type="radio" id="mothman" name="monster" value="M" />
  <label for="mothman">Mothman</label>
</fieldset>

legend {
  background-color: black;
  color: white;
  padding: 3px 6px;
}

input {
  margin: 0.4rem;
}

Атрибуты

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

Примеры

Примеры использования <legend> см. в разделе <form>.

Техническая сводка

Категории содержимого	Нет.
Допустимое содержимое	Фразовое содержимое и заголовки (элементы h1–h6).
Пропуск тегов	Нет, обязательны и открывающий, и закрывающий теги.
Допустимые родители	Элемент `<fieldset>`, первым дочерним элементом которого является этот элемент `<legend>`. В настраиваемых элементах select элемент `<legend>` может быть дочерним элементом `<optgroup>` .
Неявная роль ARIA	Соответствующая роль отсутствует
Допустимые роли ARIA	`role` не допускается
Интерфейс DOM	`HTMLLegendElement`

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

Спецификация
HTML> # the-legend-element>

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari для iOS	Samsung Internet	WebView Android	WebView для 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

См. также

ARIA: роль form

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/legend

<legend> HTML-элемент легенды набора полей