HTML тег fieldset

Тег <fieldset> используется для группирования родственных элементов формы.

По умолчанию тег <fieldset> рисует рамку вкруг элементов, помещенных в группу.

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

Разница между HTML 4.01 и HTML5

В HTML5 тегу <fieldset> добавлены новые атрибуты.
Атрибуты тега <fieldset>
Атрибут Описание
disabled Отключает группу элементов формы
form Определяет к какой форме относится группа элементов ввода
name Определяет имя элемента <fieldset>

Общие атрибуты

Тег <fieldset> поддерживает общие атрибуты и атрибуты-события.

HTML пример

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


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

CSS стили по умолчанию

Большинство браузеров будут отображать тег <fieldset> со следующими стилями


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);
}