САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атрибут form


Определение и использование

Атрибут формы указывает форму, которой принадлежит элемент.

Значение этого атрибута должно быть равно атрибуту id элемента <form> в том же документе.


Относится к

Атрибут формы можно использовать для следующих элементов:

Элементы Атрибут
<button> form
<fieldset> form
<input> form
<label> form
<meter> form
<object> form
<output> form
<select> form
<textarea> form

Примеры

Button Пример

Кнопка, расположенная вне формы (но все еще часть формы):

<form action="/action_page.php" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
</form>

<button type="submit" form="form1" value="Submit">Submit</button>
Попробуйте сами »

Fieldset Пример

Элемент <fieldset>, расположенный вне формы (но все еще часть формы):

<form action="/action_page.php" method="get" id="form1">
  What is your favorite color? <input type="text" name="fav_color"><br>
  <input type="submit">
</form>

<fieldset form="form1">
  Name: <input type="text" name="username"><br>
  Email: <input type="text" name="usermail"><br>
</fieldset>
Попробуйте сами »

Input Пример

Поле ввода, расположенное за пределами формы HTML (но все еще является частью формы):

<form action="/action_page.php" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

Last name: <input type="text" name="lname" form="form1">
Попробуйте сами »

Label Пример

Элемент <label>, расположенный за пределами формы (но все еще часть формы):

<form action="/action_page.php" id="form1">
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="male" form="form1">Male</label>
Попробуйте сами »

Meter Пример

Элемент <meter>, расположенный вне формы (но все еще часть формы):

<form action="/action_page.php" method="get" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

<meter form="form1" name="x1" min="0" low="40" high="90" max="100" value="95"></meter>
Попробуйте сами »

Object Пример

Элемент <object>, расположенный вне формы (но все еще часть формы):

<form action="/action_page.php" id="form1">
  First name: <input type="text" name="fname"><br>
  <input type="submit" value="Submit">
</form>

<object data="helloworld.swf" height="400" width="400" form="form1" name="obj1"></object>
Попробуйте сами »

Output Пример

Элемент <output>, расположенный вне формы (но все еще часть формы):

<form action="/action_page.php" id="numform"
oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" name="a" value="50">100
+<input type="number" id="b" name="b" value="50">
<br><br>
<input type="submit">
</form>

<output form="numform" name="x" for="a b"></output>
Попробуйте сами »

Select Пример

Раскрывающийся список, расположенный за пределами формы (но все же часть формы):

<form action="/action_page.php" id="carform">
  Firstname:<input type="text" name="fname">
  <input type="submit">
</form>

<select name="carlist" form="carform">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Попробуйте сами »

Textarea Пример

Текстовая область, расположенная вне формы (но все еще часть формы):

<form action="/action_page.php" id="usrform">
  Name: <input type="text" name="usrname">
  <input type="submit">
</form>

<textarea name="comment" form="usrform">Enter text here...</textarea>
Попробуйте сами »

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

Атрибут form имеет следующую поддержку браузера для каждого элемента:

Элемент
button 10.0 Not supported 4.0 5.1 9.5
fieldset Not supported Not supported Not supported Not supported Not supported
input 9.0 Not supported 4.0 5.1 10.6
label Yes Yes Yes Yes Yes
meter Not supported Not supported Not supported Not supported Not supported
object Not supported Not supported Not supported Not supported Not supported
output Yes Not supported Yes Yes Yes
select Yes Not supported Yes Yes Yes
textarea Yes Not supported Yes Yes Yes