Тег <fieldset> используется для группирования родственных элементов формы.
По умолчанию тег <fieldset> рисует рамку вкруг элементов, помещенных в группу.
Для определения заголовка для группы, образованной элементом <fieldset>, используется тег <legend>.
Разница между HTML 4.01 и HTML5
В HTML5 тегу <fieldset> добавлены новые атрибуты.
Атрибуты тега <fieldset>
| Атрибут | Описание |
|---|---|
| disabled | Отключает группу элементов формы |
| form | Определяет к какой форме относится группа элементов ввода |
| name | Определяет имя элемента <fieldset> |
Общие атрибуты
Тег <fieldset> поддерживает общие атрибуты и атрибуты-события.
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);
}
HTML пример использования
Группируем родственные элементы формы:
<form>
<fieldset>
<legend>Персональные данные:</legend>
Имя: <input type="text"><br>
Email: <input type="text"><br>
День рождения: <input type="text">
</fieldset>
</form>
