‎‎ويژگيHTML value

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

‎ويژگي‎value‎ براي عناصر ‎<button> , <input> , <option>‎ ‎مقدار اوليه را مشخص مي كند.

‎همچنين‎value‎ براي عنصر‎<li>‎ رديف مربوطه را با مقدار فوق ‎شروع مي نمايد و آيتم هاي بعدي ليست مرتب نسبت به آن افزايش پيدا ميكنند.

‎‎ويژگي فوق براي عنصر‎<meter>‎ مقدار فعلي گيچ را مشخص ميكند .

‎براي عنصر‎<progress>‎مقدار ويژگي‎value‎ ميزان پيشرفت را ‎مشخص مي نمايد.

‎‎وبالاخره براي عنصر‎<param>‎ مقدار پارامتر را مشخص مي نمايد

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

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

‎
‎‎عنصر	‎‎شــرح
‎<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>

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

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

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

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

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