HTML formu Özelliği

Tanım ve Kullanım

Nitelik form, öğenin ait olduğu formu belirtir.

Bu özniteliğin değeri , aynı belgedeki idbir öğenin özniteliğine eşit olmalıdır.<form>

Şunlar için geçerlidir:

Nitelik formaşağıdaki öğelerde kullanılabilir:

Elementler	Bağlanmak
<düğme>	form
<alan kümesi>	form
<giriş>	form
<etiket>	form
<metre>	form
<nesne>	form
<çıktı>	form
<seç>	form
<metin alanı>	form

Örnekler

Düğme Örneği

Bir formun dışında bulunan (ancak yine de formun bir parçası olan) bir düğme:

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

Alan Kümesi Örneği

Bir formun dışında bulunan bir <fieldset> öğesi (ancak yine de formun bir parçası):

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

Giriş Örneği

HTML formunun dışında (ancak yine de formun bir parçası) bulunan bir giriş alanı:

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

Etiket Örneği

Bir formun dışında (ancak yine de formun bir parçası) bulunan bir <label> öğesi:

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

Sayaç Örneği

Bir formun dışında (ancak yine de formun bir parçası) bulunan bir <meter> öğesi:

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

Nesne Örneği

Bir formun dışında (ancak yine de formun bir parçası) bulunan bir <object> öğesi:

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

Çıktı Örneği

Bir formun dışında (ancak yine de formun bir parçası) bulunan bir <output> öğesi:

Örnek Seç

Bir formun dışında (ancak yine de formun bir parçası) bulunan bir açılır liste:

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

Metin Alanı Örneği

Bir formun dışında (ancak yine de formun bir parçası) bulunan bir metin alanı:

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

Tarayıcı Desteği

Nitelik form, her öğe için aşağıdaki tarayıcı desteğine sahiptir:

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

❮ Önceki Tüm HTML Özellikleri Sonraki ❯

HTML Referansı

HTML Tags