HTML тег <legend>

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

Синтаксис

Тег <legend> парный, содержимое заключается между открывающим (<legend>) и закрывающим (</legend>) тегами. Как правило, тег <legend> указывается в качестве первого элемента в родительском элементе <fieldset>.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend>Персональные данные:</legend>
        Имя: <input type="text"><br/>
        Эл.почта: <input type="text"><br/>
        Дата рождения: <input type="text"><br/>
        Место рождения: <input type="text">
      </fieldset>
    </form>
  </body>
</html>

Результат

Атрибуты

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

Тег <legend> поддерживает глобальные атрибуты и атрибуты событий.

Browser support




Related articles