</> Praktum

Главная / HTML / Тег fieldset

Справочник · HTML

fieldset: группа полей с общей подписью

fieldset объединяет связанные поля. legend называет эту группу.

Как это работает

Радиокнопки одного вопроса, набор адреса или блок «как удобно заниматься» стоит собрать вместе. legend виден и связан с группой для программ чтения. Не оборачивай в fieldset каждое отдельное поле: для одного поля хватает label. Рамку группы можно успокоить стилями, но не убирай подпись.

<fieldset>
  <legend>Формат занятия</legend>
  <label><input type="radio" name="format" value="online"> Онлайн</label>
  <label><input type="radio" name="format" value="offline"> В классе</label>
</fieldset>

Когда использовать

Группа переключателей и логический блок формы. Одинокое поле имени не группируй.

Частые ошибки

  • У радиокнопок разные name, и выбрать можно оба.
  • Нет legend, и группа безымянная.
  • fieldset стоит вокруг всей страницы.

Попробуй

Собери вопрос с двумя radio в fieldset и подпиши его.

Ещё в разделе HTML