Атрибут form
Синтаксис
HTML
<form id="[идентификатор]"> ... </form> ... <label form="[идентификатор]"> ... </label>
Описание
Атрибут / параметр form
(от англ. "form" ‒ «форма») присоединяет элемент label
(вместе с привязанным элементом формы) к указанной форме.
Поддержка браузерами
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 ...have a form attribute... |
5.1 | 4.10.18.3 Association of controls and forms ...have a form attribute...[1] |
XHTML | |
1.0 | |
1.1 |
- [1] ‒ исключён из спецификации. В последний раз упоминается в «Рабочем Проекте» от 8 октября 2015.
Значения
В качестве значения данного параметра указывается идентификатор формы, к которой необходимо привязать элемент label
.
<form id="myform"></form> ... <label form="myform"> Введите ваш возраст: <input type="number" name="age"> </label>
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр form (Элемент label)</title>
</head>
<body>
<h1>Пример использования атрибута "form"</h1>
<form action="/examples/php-scripts/coffee.php" method="post" id="c-form"></form>
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<p><label form="c-form">Свой вариант: <input type="text" name="coffee_value" placeholder="Свой вариант"></label></p>
</fieldset>
<p><input type="reset" form="c-form"> <input type="submit" form="c-form"></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр form (Элемент label)</title>
</head>
<body>
<h1>Пример использования атрибута "form"</h1>
<form action="/examples/php-scripts/coffee.php" method="post" id="c-form"></form>
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<p><label form="c-form">Свой вариант: <input type="text" name="coffee_value" placeholder="Свой вариант"></label></p>
</fieldset>
<p><input type="reset" form="c-form"> <input type="submit" form="c-form"></p>
</body>
</html>
Параметр form (Элемент label)