Atrybut formularza HTML

❮ Poprzedni Wszystkie atrybuty HTML Dalej _

Definicja i użycie

Atrybut określa formę, do formktórej należy element.

Wartość tego atrybutu musi być równa idatrybutowi <form> elementu w tym samym dokumencie.

Dotyczy

Atrybutu formmożna użyć na następujących elementach:

Elementy	Atrybut
<przycisk>	Formularz
<zestaw pól>	Formularz
<wejście>	Formularz
<etykieta>	Formularz
<metr>	Formularz
<obiekt>	Formularz
<wyjście>	Formularz
<wybierz>	Formularz
<obszar tekstowy>	Formularz

Przykłady

Przykład przycisku

Przycisk znajdujący się poza formularzem (ale nadal częścią formularza):

<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>

Przykład zestawu pól

Element <fieldset> znajdujący się poza formularzem (ale nadal częścią formularza):

<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>

Przykład wejścia

Pole wejściowe znajdujące się poza formularzem HTML (ale nadal częścią formularza):

<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">

Przykład etykiety

Element <label> znajdujący się poza formularzem (ale nadal częścią formularza):

<form action="/action_page.php" id="form1">
<input type="radio" id="html" name="fav_language" value="HTML"><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>

<label for="html">HTML</label>

Przykład miernika

Element <meter> znajdujący się poza formularzem (ale nadal częścią formularza):

<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>

Przykład obiektu

Element <object> znajdujący się poza formularzem (ale nadal częścią formularza):

<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>

Przykład wyjścia

Element <output> znajdujący się poza formularzem (ale nadal częścią formularza):

Wybierz przykład

Lista rozwijana znajdująca się poza formularzem (ale nadal stanowiąca część formularza):

<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>

Przykład obszaru tekstowego

Obszar tekstowy znajdujący się poza formularzem (ale nadal częścią formularza):

<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>

Obsługa przeglądarki

formAtrybut ma następującą obsługę przeglądarki dla każdego elementu :

Element
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