HTML тег <fieldset>

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

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

Примечание: Элемент <fieldset> часто используется совместно с элементом <legend>, который определяет для него заголовок.

Синтаксис

<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>

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

Пример HTML:

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

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами



Contema