/html/input/form:> Прикрепление к форме_

Атрибут form

Синтаксис

HTML
<form id="[идентификатор]"> ... </form>
  ...
<input type="..." form="[идентификатор]">  

Описание

Атрибут / параметр form (от англ. "form" ‒ «форма») прикрепляет элемент input к определённой форме.


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

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

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

Верс. Раздел
HTML
2.0 Input Field: INPUT
3.2 INPUT text fields, radio buttons, check boxes, ...
4.01 17.4 The INPUT element
5.0 4.10.18.3 Association of controls and forms
...a form attribute...
5.1 4.10.18.3. Association of controls and forms
...a form attribute...
XHTML
1.0 Extensible HyperText Markup Language
1.1 Extensible HyperText Markup Language

Значения

В качестве значения данного параметра указывается значение «идентификатора» формы, к которой привязывается элемент формы.


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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр form (Элемент input)</title>
</head>
<body>
<h1>Пример использования атрибута "form"</h1>
<form action="/examples/php-scripts/coffee.php" method="post" id="f-coffee">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<!-- Переключатели находятся внутри формы -->
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
</form>
<!-- Кнопки присоединяются к форме -->
<p><input type="reset" form="f-coffee"> <input type="submit" form="f-coffee"></p>
</body>
</html>
Параметр form (Элемент input)