أحدث البرامج التعليمية وتطوير الشبكة
 

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 تسعة غير معتمد 4.0 5.1 10.6
keygen نعم فعلا غير معتمد نعم فعلا 6.0 نعم فعلا
label نعم فعلا نعم فعلا نعم فعلا نعم فعلا نعم فعلا
meter غير معتمد غير معتمد غير معتمد غير معتمد غير معتمد
object غير معتمد غير معتمد غير معتمد غير معتمد غير معتمد
output نعم فعلا غير معتمد نعم فعلا نعم فعلا نعم فعلا
select نعم فعلا غير معتمد نعم فعلا نعم فعلا نعم فعلا
textarea نعم فعلا غير معتمد نعم فعلا نعم فعلا نعم فعلا