/html/fieldset:> Группировка элементов формы_

Элемент fieldset

Синтаксис

(X)HTML
<form>
  ...
  <fieldset> ... </fieldset>
  ...
</form>

Описание

Элемент fieldset (от англ. "field set" ‒ «набор полей») группирует элементы формы. Границы элемента fieldset обрамляются рамкой. Рамка в разных браузерах может отображаться по-разному, но, как правило, она отличается не сильно.

Примечание

  • Cтиль рамки элемента можно изменить при помощи CSS свойста «border».
  • Указать заголовок для сгруппированных элементов формы можно с помощью элемента legend.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 17.10 Adding structure to forms: the FIELDSET and LEGEND elements
DTD: Transitional Strict Frameset
5.0 4.10.16 The fieldset element
5.1 4.10.16. The fieldset element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

disabled
Блокирует вложенные элементы формы.
form
Присоединяет вложенные элементы к форме.
name
Задаёт общее имя группе элементов формы.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент fieldset</title>
</head>
<body>
<h1>Пример с элементом "fieldset"</h1>
<form action="/examples/php-scripts/chocolate.php" method="get">
<fieldset><legend>Какой шоколад вы любите</legend>
<label><input type="radio" name="chocolate" value="milk"> молочный</label>
<label><input type="radio" name="chocolate" value="bitter"> горький</label>
<label><input type="radio" name="chocolate" value="other"> другой</label>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Элемент fieldset