🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <fieldset> используется для группировки элементов формы в логически связанные блоки. Это позволяет разделить форму на более понятные и логические части, что упрощает её использование для пользователей.

Кроме того, <fieldset> используется вместе с тегом <legend>, который позволяет добавить заголовок для каждого блока.

<fieldset>
  <legend>Заголовок блока</legend>
    <label for='username'>Имя пользователя:</label>
  <input type='text' id='username' name='username'><br>
</fieldset>

Атрибуты тега <fieldset>:

  • disabled — указывает, что группа элементов формы должна быть отключена.
  • form — указывает форму, к которой относится группа элементов формы.
  • name — задает имя группы элементов формы.

Блоки могут содержать любые элементы формы: текстовые поля, переключатели, флажки, список выбора и другие элементы.

Для чего использовать тег <fieldset>

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