Атрибут name тега <fieldset>

Описание

Атрибут name в теге <fieldset> задает имя для группы полей формы. Это имя может использоваться для идентификации fieldset при обработке формы, а также для доступа к элементу через JavaScript.

Пример использования:
<form> <fieldset name="user_info"> <legend>Персональные данные</legend> <input type="text" name="first_name"> <input type="text" name="last_name"> </fieldset> <fieldset name="preferences"> <legend>Настройки</legend> <input type="checkbox" name="newsletter"> </fieldset> </form>

Основные сценарии применения:

Технология Использование Пример
JavaScript Доступ к группе полей document.forms[0].elements['user_info']
Стилизация Точечное применение CSS fieldset[name="preferences"] { }
Серверная обработка Идентификация групп полей Может использоваться в AJAX-запросах

Пример с JavaScript-обработкой:

<form id="myForm"> <fieldset name="contact_group"> <legend>Контактная информация</legend> <input type="email" name="email"> </fieldset> </form> <script> // Получение fieldset по имени const contactFieldset = document.forms['myForm'].elements['contact_group']; // Добавление обработчика событий contactFieldset.addEventListener('click', function() { console.log('Была взаимодействие с группой контактов'); }); </script>

Рекомендации по именованию:

  • Используйте осмысленные имена, отражающие назначение группы
  • Придерживайтесь единого стиля (snake_case, camelCase или kebab-case)
  • Избегайте специальных символов и пробелов
  • Уникальные имена в пределах формы

Ограничения:

  • Не отправляется на сервер при submit (в отличие от name у input)
  • Не влияет на валидацию формы
  • Менее полезен, чем name для отдельных элементов формы

Примечание: Хотя атрибут name для <fieldset> не так часто используется, как для элементов ввода, он может быть полезен для организации сложных форм и программного доступа к группам полей.