Элемент <legend>

Элемент <legend> (от англ. legend — надпись, легенда) представляет собой заголовок (надпись) для содержимого элемента <fieldset>. Элемент <fieldset> создаёт рамку вокруг своего содержимого, а текст, который располагается внутри <legend>, отображается в верхней части рамки.

Элемент <legend> используется внутри элемента <fieldset> и он должен быть первым дочерним элементом.

Категории	Нет.
Синтаксис	`<legend>...</legend>`
Опускание тегов	Начальный и конечный теги обязательны.
Модель содержимого	Фразовое содержимое, по желанию смешанное с заголовочным содержимым.

Атрибуты

Для элемента <legend> доступны глобальные атрибуты и события.

Стиль по умолчанию

Стиль по умолчанию для элемента <legend>, определённый в спецификации HTML:

legend {
  display: block;
  padding-inline: 2px;
}

Пример

<fieldset>
  <legend>Выберите любимый цвет</legend>
  <label>
    <input type="radio" name="color" value="red"> Красный
  </label><br>
  <label>
    <input type="radio" name="color" value="blue"> Синий
  </label><br>
  <label>
    <input type="radio" name="color" value="green"> Зелёный
  </label>
</fieldset>

Результат

Выберите любимый цвет Красный
Синий
Зелёный