Последние учебники веб-разработки
 

HTML form Attribute

❮ Предыдущая Следующая ❯

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

form атрибут определяет одну или несколько форм элемент принадлежит.

Относится к

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

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

Примеры

Button Пример

Кнопка расположена вне form (но все - таки часть формы):

<form action="demo_form.asp" 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="demo_form.asp" 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="demo_form.asp" 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">
Попробуй сам "

Keygen Пример

<keygen> элемент , расположенный вне формы (но все - таки часть формы):

<form action="demo_keygen.asp" method="get" id="secureform">
  Username: <input type="text" name="usr_name">
  <input type="submit">
</form>

Encryption: <keygen name="security" form="secureform">
Попробуй сам "

Label Пример

<label> элемент , расположенный вне формы (но все - таки часть формы):

<form action="demo_form.asp" 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="demo_form.asp" 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="demo_form.asp" 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="demo_form.asp" 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="demo_form.asp" 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="demo_form.asp" 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 Не поддерживается 4.0 5.1 9.5
fieldset Не поддерживается Не поддерживается Не поддерживается Не поддерживается Не поддерживается
input 9.0 Не поддерживается 4.0 5.1 10.6
keygen да Не поддерживается да 6.0 да
label да да да да да
meter Не поддерживается Не поддерживается Не поддерживается Не поддерживается Не поддерживается
object Не поддерживается Не поддерживается Не поддерживается Не поддерживается Не поддерживается
output да Не поддерживается да да да
select да Не поддерживается да да да
textarea да Не поддерживается да да да
❮ Предыдущая Следующая ❯