Атрибут form
Синтаксис
HTML
<form id="[идентификатор]"> ... </form>
...
<input type="..." form="[идентификатор]">
Описание
Атрибут / параметр form
(от англ. "form" ‒ «форма») прикрепляет элемент input
к определённой форме.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
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 | |
1.1 |
Значения
В качестве значения данного параметра указывается значение «идентификатора» формы, к которой привязывается элемент формы.
Пример использования
Листинг кода
<!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>
<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)