سمة قيمة HTML
التعريف والاستخدام
بالنسبة إلى <button>،
<input>والعناصر <option>،
valueتحدد السمة القيمة الأولية للعنصر.
بالنسبة <li>للعناصر ،
valueتحدد السمة قيمة عنصر القائمة (للقوائم المرتبة). ستزيد عناصر القائمة التالية من تلك القيمة.
بالنسبة <meter>للعناصر ،
valueتحدد السمة القيمة الحالية لجهاز القياس.
بالنسبة <progress>للعناصر ،
valueتحدد السمة مقدار المهمة التي تم إكمالها.
بالنسبة <param>للعناصر ،
valueتحدد السمة قيمة المعلمة.
ينطبق على
يمكن valueاستخدام السمة في العناصر التالية:
| عناصر | يصف |
|---|---|
| <زر> | القيمة |
| <إدخال> | القيمة |
| <متر> | القيمة |
| <li> | القيمة |
| <خيار> | القيمة |
| <التقدم> | القيمة |
| <param> | القيمة |
أمثلة
<button> مثال
زرين بأسماء متساوية ، يرسلان قيمًا مختلفة عند النقر عليهما:
<form action="/action_page.php" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
<input> مثال
نموذج HTML بقيم أولية (افتراضية):
<form
action="/action_page.php">
First name: <input type="text" name="fname"
value="John"><br>
Last name:
<input type="text" name="lname"
value="Doe"><br>
<input type="submit" value="Submit form">
</form>
<li> مثال
استخدام سمة القيمة في قائمة مرتبة:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
مثال على <meter>
مقياس بقيمة حالية ، الحد الأدنى ، الحد الأقصى ، الارتفاع ، المنخفض:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<خيار> مثال
قائمة منسدلة داخل نموذج HTML:
<form action="/action_page.php">
<select name="cars">
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>
مثال <التقدم>
التنزيل قيد التقدم:
<progress value="22" max="100"></progress>
<param> مثال
اضبط معلمة "التشغيل التلقائي" على "صحيح" ، لذلك سيبدأ تشغيل الصوت بمجرد تحميل الصفحة:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
دعم المتصفح
تحتوي valueالسمة على دعم المتصفح التالي لكل عنصر:
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| li | Yes | Yes | Yes | Yes | Yes |
| meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
| option | Yes | Yes | Yes | Yes | Yes |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
| param | Yes | Yes | Yes | Yes | Yes |