Главная
HTML-тег <legend>
Характеристики
- Тип: блочный, статичный, семантический
- Назначение: Предоставляет заголовок или описание для содержимого <fieldset>.
- Родители: <fieldset>
- Потомки: Потоковый контент.
- Глобальные атрибуты: все
- Атрибуты событий: все
Пример использования
<fieldset>
<legend>Информация о пользователе</legend>
<!-- Поля формы -->
</fieldset>
Использование в JavaScript
// Изменение текста легенды
const legendElement = document.querySelector('legend');
legendElement.textContent = 'Данные аккаунта';
Рекомендации по обеспечению доступности (a11y)
- Помогает пользователям понять цель группы полей формы.
- Обеспечивает улучшенную навигацию для вспомогательных технологий.
- Всегда используйте <legend> внутри <fieldset> для описания его содержимого.
Полезные ссылки