En son web geliştirme öğreticiler
 

HTML form Attribute


Tanımı ve Kullanımı

form nitelik eleman aittir, bir veya daha fazla form belirtir.


Geçerli

form özelliği, aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<button> form
<fieldset> form
<input> form
<keygen> form
<label> form
<meter> form
<object> form
<output> form
<select> form
<textarea> form

Örnekler

Button Örnek

Bir dışında bulunan bir düğme form (but still a part of the 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>
Kendin dene "

Fieldset Örnek

A <fieldset> bir form dışında bulunan eleman (but still a part of the form) :

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

Input Örnek

HTML formu dışında bulunan bir giriş alanı (but still a part of the form) :

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

Keygen Örnek

A <keygen> formu dışında bulunan eleman (but still a part of the form) :

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

Label Örnek

A <label> bir form dışında bulunan eleman (but still a part of the form) :

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

Meter Örneği

A <meter> bir form dışında bulunan eleman (but still a part of the form) :

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

Object Örnek

Bir <object> biçimi dışında yer alan elemanı (but still a part of the form) :

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

Output Örnek

Bir <output> bir form dışında bulunan eleman (but still a part of the form) :

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

Select Örnek

Bir form dışında bulunan bir açılır liste (but still a part of the form) :

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

Textarea Örnek

Bir form dışında bulunan bir metin alanı (but still a part of the form) :

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

Tarayıcı Desteği

form özellik, her element için şu tarayıcı desteği vardır:

Eleman
button 10.0 Desteklenmiyor 4.0 5.1 9.5
fieldset Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor
input 9.0 Desteklenmiyor 4.0 5.1 10.6
keygen Evet Desteklenmiyor Evet 6 Evet
label Evet Evet Evet Evet Evet
meter Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor
object Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor Desteklenmiyor
output Evet Desteklenmiyor Evet Evet Evet
select Evet Desteklenmiyor Evet Evet Evet
textarea Evet Desteklenmiyor Evet Evet Evet