Меню

HTML тег <legend>

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

Описание

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

Примечание: расположение заголовка может по разному отображаться в зависимости от используемого браузера.

Атрибуты

Тег <legend> поддерживает Глобальные атрибуты и События

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


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

Пример


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

Результат данного примера в окне браузера:

Пример использования тега <legend>