سمة شكل HTML

التعريف والاستخدام

تحدد السمة formالشكل الذي ينتمي إليه العنصر.

يجب أن تكون قيمة هذه السمة مساوية idلسمة <form> عنصر في نفس المستند.

ينطبق على

يمكن formاستخدام السمة في العناصر التالية:

عناصر	يصف
<زر>	شكل
<fieldset>	شكل
<إدخال>	شكل
<التسمية>	شكل
<متر>	شكل
<كائن>	شكل
<إخراج>	شكل
<اختر>	شكل
<textarea>	شكل

أمثلة

مثال زر

زر خارج النموذج (لكنه لا يزال جزءًا من النموذج):

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

مثال مجموعة الحقول

عنصر <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>

مثال الإدخال

حقل إدخال يقع خارج نموذج HTML (لكنه لا يزال جزءًا من النموذج):

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

مثال التسمية

عنصر <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>

مثال العداد

عنصر <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>

مثال على الكائن

عنصر <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>

مثال الإخراج

عنصر <output> موجود خارج النموذج (لكنه لا يزال جزءًا من النموذج):

حدد مثال

قائمة منسدلة موجودة خارج النموذج (لكنها لا تزال جزءًا من النموذج):

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

مثال 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>

دعم المتصفح

تحتوي formالسمة على دعم المتصفح التالي لكل عنصر:

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

❮ السابق كافة سمات HTML التالي ❯

مرجع HTML

HTML Tags