Najnowsze tutoriale tworzenie stron internetowych
 

HTML form Attribute


Definicja i Wykorzystanie

form atrybut określa jedną lub więcej form element należy.


Dotyczy

form atrybut może być stosowany na następujących elementach:

Elementy Atrybut
<button> form
<fieldset> form
<input> form
<keygen> form
<label> form
<meter> form
<object> form
<output> form
<select> form
<textarea> form

Przykłady

Button Przykład

Przycisk znajduje się poza form (ale nadal część formularza):

<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>
Spróbuj sam "

Fieldset Przykład

<fieldset> Element znajduje się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Input Przykład

Pole wejście znajduje się poza formularza HTML (ale nadal część formularza):

<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">
Spróbuj sam "

Keygen Przykład

<keygen> Element znajduje się poza formie (ale nadal część formularza):

<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">
Spróbuj sam "

Label Przykład

<label> elementów znajdujących się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Meter Przykład

<meter> Element znajduje się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Object Przykład

<object> Element znajduje się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Output Przykład

<output> Element znajduje się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Select Przykład

Lista rozwijana się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Textarea Przykład

Obszar tekstu znajduje się poza formę (ale nadal część formularza):

<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>
Spróbuj sam "

Pomoc Browser

form atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:

Element
button 10,0 Nieobsługiwany 4,0 5,1 9,5
fieldset Nieobsługiwany Nieobsługiwany Nieobsługiwany Nieobsługiwany Nieobsługiwany
input 9,0 Nieobsługiwany 4,0 5,1 10,6
keygen tak Nieobsługiwany tak 6,0 tak
label tak tak tak tak tak
meter Nieobsługiwany Nieobsługiwany Nieobsługiwany Nieobsługiwany Nieobsługiwany
object Nieobsługiwany Nieobsługiwany Nieobsługiwany Nieobsługiwany Nieobsługiwany
output tak Nieobsługiwany tak tak tak
select tak Nieobsługiwany tak tak tak
textarea tak Nieobsługiwany tak tak tak