Fieldset html что это?

Fieldset объединяет связанные поля формы в одну смысловую группу. Это особенно полезно для нескольких переключателей, которые отвечают на общий вопрос. Название группы задают элементом legend, а у каждого отдельного переключателя остаётся собственная подпись.

Например:

<fieldset>
  <legend>Способ связи</legend>
  <label><input type="radio" name="contact" value="mail">Почта</label>
  <label><input type="radio" name="contact" value="phone">Телефон</label>
</fieldset>

Legend объясняет общий вопрос, а подписи рядом с полями называют варианты. Совпадающий name объединяет переключатели для выбора одного значения; fieldset выполняет другую роль — описывает группу в структуре формы. Поэтому наличие общей рамки не заменяет правильную настройку самих полей.

Рамка по умолчанию является оформлением браузера. Её можно изменить или убрать CSS, сохранив смысловую группировку. Если нужна лишь декоративная рамка вокруг случайного текста, fieldset выбирать необязательно. Используйте его там, где элементы действительно связаны общей задачей.

Для отключения группы предусмотрен атрибут disabled на fieldset. Он влияет на вложенные элементы управления, но есть исключение для содержимого первого legend. Поэтому не описывайте его как безусловное отключение вообще всех потомков. Отключённые элементы имеют и особенности участия в отправке формы, что нужно учитывать при обработке данных.

Проверьте форму клавиатурой и с понятными подписями. Пользователь должен различать название группы и конкретный вариант, не опираясь только на расположение или цвет рамки. Не заменяйте все индивидуальные label одной legend: у них разные уровни описания. Для длинной формы такая группировка помогает воспринимать вопросы по частям.