HTML-тег <fieldset>
Характеристики
- Тип: блочный, статичный, семантический
- Назначение: Группирует связанные элементы формы и визуально отделяет их от других частей формы.
- Родители: Элемент <form>, любые HTML-теги, которые могут содержать блочные элементы.
- Потомки: <legend>, элементы формы и текст.
- Глобальные атрибуты: все
- Атрибуты событий: нет
Атрибуты
- disabled — Отключает все элементы формы внутри <fieldset>.
- form — Связывает <fieldset> с формой, если он находится вне её.
- name — Имя <fieldset>.
Пример использования
<form>
<fieldset id="myFieldset">
<legend>Информация о пользователе</legend>
<!-- Элементы формы -->
</fieldset>
</form>Использование в JavaScript
// Получение элемента по ID
const fieldset = document.getElementById('myFieldset');
// Отключение всех элементов внутри fieldset
fieldset.disabled = true;
// Добавление класса
fieldset.classList.add('new-class');Рекомендации по обеспечению доступности (a11y)
- Используйте <fieldset> для группировки связанных элементов формы, это помогает пользователям с ограниченными возможностями понять структуру формы.
- Обязательно используйте <legend> внутри <fieldset> для описания содержимого группы.