HTML тег legend

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

Разница между HTML 4.01 и HTML5

В HTML5 не поддерживается атрибут align.
Атрибуты тега <legend>
Атрибут Описание
align Определяет горизонтальное выравнивание содержимого элемента

Общие атрибуты

Тег <legend> поддерживает общие атрибуты и атрибуты-события.

HTML пример

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


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

CSS стили по умолчанию

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


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