Тег <fieldset>

Группировка полей формы
  • Категории: Потоковое содержимое, Секционное содержимое
  • Контекст:

    Потоковое содержимое

  • Модель:

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

Тег <fieldset> (сокращение от "field set" - набор полей) позволяет сгруппировать элементы формы. Как правило, данный тег используется совместно с тегом <legend>, в котором задается название группы.

Название группы является необязательным элементом, но в случае присутствия должен быть указан в самом начале. Некоторые программы чтения с экрана будут дополнительно озвучивать содержимое легенды перед каждым элементом группы.

Атрибуты

  • Глобальные атрибуты
  • disabled - блокируем поля формы в группе
  • form - связывает группу с формой
  • name - имя группы

  • Группировка чекбоксов

    Тег <fieldset> удобно использовать для группировки чекбоксов. Так каждый из низ будет иметь собственное связанное описание <label> и общее описание для группы в виде <legend>:

  • Сегментация формы

    Элемент <fieldset> позволяет поделить все поля формы на логические блоки и дать каждому из них свое название при помощи вложенного тега <legend>:

  • Вложенные группы

    Элементы <fieldset> можно вкладывать друг в друга:

Поделитесь данной записью с друзьями