Тег <legend> HTML название группы элементов формы

Рейтинг: 3 из 5, голосов 13

28 декабря 2019 г.

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

Обычно название выводится браузерами в левом верхнем углу квадратной рамки тега <fieldset>.

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

Тег относится к группе form. Подробно о создании форм описано в статье: Все про формы и поля в HTML. Создание и работа с формами.

Синтаксис

<legend>название группы</legend>

Отображение в браузере

Адрес Город:

Улица:

Номер дома:

Пример использования <legend> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Пример использования тега legend</title>
  </head>
  <body>
    <fieldset>
      <legend>Адрес</legend>
      Город: <input type="text" name="city"><br><br>
      Улица: <input type="text" name="street"><br><br>
      Номер дома: <input type="text" name="house_number">
    </fieldset>
  </body>
</html>