ويژگيvalue براي عناصر <button> , <input> , <option> مقدار اوليه را مشخص مي كند.
همچنينvalue براي عنصر<li> رديف مربوطه را با مقدار فوق شروع مي نمايد و آيتم هاي بعدي ليست مرتب نسبت به آن افزايش پيدا ميكنند.
ويژگي فوق براي عنصر<meter> مقدار فعلي گيچ را مشخص ميكند .
براي عنصر<progress>مقدار ويژگيvalue ميزان پيشرفت را مشخص مي نمايد.
وبالاخره براي عنصر<param> مقدار پارامتر را مشخص مي نمايد
ويژگي فوق فقط براي عناصر در جدول زير بكار گرفته ميشود.
عنصر | شــرح |
---|---|
<button> | يك دكمه قابل كليك تعريف مي نمايد. |
<input> | يك كنترل ورودي را تعريف ميكند. |
<meter> | يك مقياس اندازه گيري"gauge"با محدوده مشخص تعريف ميكند . |
<li> | مو ردي از فهرست ليست تعريف مي نمايد |
<option> | يك گرينه را در ليست كشوئي معرفي ميكند. |
<param> | پارامتري را براي يك شئ معرفي ميكند. |
<progress> | پيشرفت طرحي را مطرح ميكند. |
مثالButton ـ دو دكمه با يك نام و مقدار هاي متفاوت براي ارسال
form action="/action_page.php" method="get"> Choose your favorite subject: <button name="subject" type="submit" value="fav_HTML">HTML <button name="subject" type="submit" value="fav_CSS">CSS </form>
مثالInput ـ فرم با ورودي ومقدار اوليه
<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 ـ استفاده از ويژگي value در ليست مرتب
<ol> <li value="100">Coffee</li> <li>Tea</li> <li>Milk</li> <li>Water</li> <li>Juice</li> <li>Beer</li> </ol>
مثالMeter ـ گيچ با ويژگي value
<meter min="0" low="40" high="90" max="100" value="95"></meter>
مثالOption ـ ليست كشوئي در داخل فرم 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 ـ نمودار دانلود در حال انجام
<progress value="22" max="100"></progress>
مثالParam ـ پارامتر "autoplay"برابر "true" است كه پس از لود صفحه بلافاصله پخش شروع شود .
<object data="horse.wav"> <param name="autoplay" value="true"> </object>
وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.
عنصر | |||||
---|---|---|---|---|---|
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 | 13.0 |
option | Yes | Yes | Yes | Yes | Yes |
progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
param | Yes | Yes | Yes | Yes | Yes |