Справочник HTML & CSS

<fieldset>, <legend>

Группа связанных полей формы с заголовком `<legend>`.

Синтаксис

<fieldset><legend>Title</legend>…</fieldset>

Атрибуты

Параметр	Тип	Описание
disabled	—	Необязательный. Отключить все поля группы разом.

Примеры

Группа переключателей:

<fieldset>
  <legend>Delivery</legend>
  <label><input type="radio" name="delivery" checked> Courier</label>
  <label><input type="radio" name="delivery"> Pickup</label>
</fieldset>

Отключённая группа:

<fieldset disabled>
  <legend>Gift wrapping (coming soon)</legend>
  <input placeholder="Message on the card">
</fieldset>

Примечания

<legend> ставят первым элементом внутри <fieldset>. Программы чтения с экрана произносят его перед каждым полем группы — особенно это важно для переключателей. Рамку и отступы по умолчанию убирают через CSS.

См. также

<form> — Форма: собирает данные из полей и отправляет их на сервер.
<label> — Подпись к полю формы.
<input type="checkbox"> — Флажок (`checkbox`) — независимый выбор «да/нет»; переключатель (`radio`) — один вариант из группы.

Вопросы и ответы по теме

Как сгруппировать поля формы

В учебнике

Подписи и группы полей — Тег label и связь подписи с полем через for и id, вложенные подписи, группировка полей с fieldset и legend.

Спасибо, что читаете!