‎‎ويژگيHTML form

Previous >    <Next  

‎‎تعريف وكاربردDefinition and Usage

‎‎ويژگي‎form‎ فرمي را كه عنصرش به آن تعلق دارد مشخص ميكند .

‎مقدار ويژگي‎form‎ بايد برابر مقدار id فرمي در همين سند باشد، كه عنصرش به آن ‎تعلق دارد.

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق براي عناصر جدول زير بكارگرفته ميشود.

‎‎عنصر ‎‎شــرح
<button> ‎‎يك دكمه قابل كليك تعريف مي نمايد.
<fieldset> ‎‎گروه هاي عناصر مرتبط در فرم
<input> ‎‎يك كنترل ورودي را تعريف ميكند.
<label> ‎‎يكlabel يا برچسب براي ورودي تعريف مي نمايد .
<meter> ‎‎يك مقياس اندازه گيري‎"gauge‎"‎با محدوده مشخص تعريف ميكند .
<object> ‎‎محفظه اي براي برنامه خارجي تعريف مي نمايد.
<output> ‎‎نتيجه محاسباتي را تعريف ميكند.
<select> ‎‎يك ليست كشوئي‎"drop-‎down list‎"‎را معرفي ميكند .
<textarea> ‎‎يك كنترل ورودي چند خطي را معرفي مينمايد(textarea)

‎‎مثالها

‎‎مثالButton ـ دكمه خارج از فرم كه متعلق به آنست

<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 

--(go to editor for change code and run)

‎‎مثالFieldset ـ خارج ازفرم كه متعلق به آنست

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

--(go to editor for change code and run)

‎‎مثالInput ـ فيلد ورودي خارج ازفرم كه به آن متعلق است

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

--(go to editor for change code and run)

‎‎مثالLabel ـ خارج ازفرم خودش

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


--(go to editor for change code and run)

‎‎مثالMeter ـ عنصر ‎<meter>‎ خارج ازفرم خودش

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

--(go to editor for change code and run)

‎‎مثالObject ـ عنصر خارج از فرمش

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

--(go to editor for change code and run)

‎‎مثالOutput ـ عنصر ‎<output>‎ خارج از فرمش

<form action="/action_page.php" 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> 

--(go to editor for change code and run)

‎‎مثالSelect ـ عنصر انتخاب خارج از فرمش

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

--(go to editor for change code and run)

‎‎مثالTextarea ـ فيلد متني خارج از فرمش

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

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎در جدول زير وضعيت پشتيباني مرورگر در ويژگي‎form‎ براي عناصر را نشان ميدهد .

‎‎ويژگي Chorome Edge Firefox Safari Opera
‎button‎ ‎‎10.0‎ ‎‎16.0‎ ‎‎4.0‎ ‎‎5.1‎ ‎‎9.5‎
‎fieldset‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎input‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎‎5.1‎ ‎‎10.5‎
‎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‎ ‎‎Not supported‎‎ ‎‎Not supported‎‎ ‎‎Not supported‎‎ ‎‎Not supported‎‎ ‎‎Not supported‎‎
‎select‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎
‎textarea‎ ‎Yes‎ ‎‎11.0‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next