HTML тег <fieldset>

Элемент <fieldset> (от англ. "field set" ‒ «набор полей») служит для визуальной группировки элементов, размещенных внутри формы.

Браузеры для повышения наглядности отображают результат использования элемента <fieldset> в виде рамки, а содержимое элемента получает внутренние отступы со всех сторон. Её вид зависит от операционной системы, а также используемого браузера.

Синтаксис

<form>
  ...
  <fieldset> ... </fieldset>
  ...
</form>

Закрывающий тег

Обязателен.

Атрибуты

disabled HTML5

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

form HTML5

Указывает один или несколько идентификаторов форм id к которым элемент принадлежит. В случае если указывается несколько идентификаторов, то необходимо разделять их между собой пробелом.

name HTML5

Задает имя для элемента. Применение атрибута не отображается в браузере, но может быть использовано в работе скриптов.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <fieldset> со следующими значениями CSS по умолчанию:

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}

Различия между HTML 4.01 и HTML5

В HTML 5 были введены три новых атрибута для элемента <fieldset>.

Пример использования:

Элемент <fieldset>

Группируем родственные элементы формы:

<form>
   <fieldset>
     <legend>Персональные данные:</legend>
     Имя: <input type="text"><br>
     Email: <input type="text"><br>
     День рождения: <input type="text">
   </fieldset>
</form>

Спецификации