<fieldset>

Элемент <fieldset> (от англ. form field set — набор полей формы) предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащими большое число данных, например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.

Браузеры для повышения наглядности отображают результат использования элемента <fieldset> в виде рамки. Её вид зависит от операционной системы, а также используемого браузера (рис. 1, 2).

Результат использования fieldset в браузере Safari

Рис. 1. Результат использования <fieldset> в браузере Safari

Применение fieldset в браузере Firefox

Рис. 2. Применение <fieldset> в браузере Firefox

Синтаксис

<form>
  <fieldset>...</fieldset>
</form>

Атрибуты

disabled
Блокирует поля формы в группе.
form
Связывает группу с формой.
name
Устанавливает уникальное имя группы.

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

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>FIELDSET</title>
 </head>
 <body>  
 <form action="handler.php">
  <fieldset>
   <legend>Работа со временем</legend>
     <input type="checkbox"> создание пунктуальности (никогда не 
      будете никуда опаздывать);<br>
     <input type="checkbox"> излечение от пунктуальности (никогда 
      никуда не будете торопиться);<br>
     <input type="checkbox"> изменение восприятия времени и часов.
      <p><input type="submit"></p>
  </fieldset>
 </form> 
 </body>
</html>

Спецификация

Браузеры

6 12 1 10 4 1
4.4 4 14 3.2
Формы