Атрибут form

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS
11.0+ 12.0+

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Связывает группу <fieldset> с формой по её идентификатору. Такая связь необходима в случае, когда элемент не располагается внутри <form>, например, при создании её программно. Если установлено связывание <form> и <fieldset> между собой, то можно отправлять данные на сервер и работать с формой, как если бы элементы находились внутри формы.

Синтаксис

<fieldset form="идентификатор">
...
</fieldset>

Значения

Идентификатор формы (значение атрибута id тега <form>).

Значение по умолчанию

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег fieldset, атрибут form</title>
 </head>
 <body>
  <form id="data">
  </form>
  <fieldset form="data">
   <p>В каком году произошла Отечественная война 1812 года?</p>
   <p><input type="radio" name="answer" value="1380"> 1380</p>
   <p><input type="radio" name="answer" value="1812" checked> 1812</p>
   <p><input type="radio" name="answer" value="1914"> 1914</p>
   <p><input type="radio" name="answer" value="1941"> 1941</p>
   <p><input type="submit" value="Отправить"></p>
  </fieldset>
 </body>
</html>

Браузеры

В Opera 11.0 при добавлении атрибута form к <fieldset> переключатели внутри этого тега воспринимаются как независимые друг от друга. Соответственно, нельзя выбрать только один пункт, щёлкая по разным переключателям.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.