value
Ta’rif va qo‘llanilishi
<button>,
<input> va <option> elementlari uchun
value atributi elementning boshlang‘ich qiymatini belgilaydi.
<li> elementlari uchun
value atributi ro‘yxat elementining qiymatini o‘rnatadi (tartiblangan ro‘yxatlar uchun). Keyingi ro‘yxat elementlari shu qiymatdan boshlab ortib boradi.
<meter> elementlari uchun
value atributi o‘lchagichning joriy qiymatini belgilaydi.
<progress> elementlari uchun
value atributi vazifaning qancha qismi bajarilganini belgilaydi.
<param> elementlari uchun
value atributi parametrning qiymatini belgilaydi.
Qo‘llaniladigan elementlar
value atributini quyidagi elementlarda ishlatish mumkin:
| Elementlar | Atribut |
|---|---|
| <button> | value |
| <input> | value |
| <meter> | value |
| <li> | value |
| <option> | value |
| <progress> | value |
| <param> | value |
Misollar
<button> misoli
Nomlari bir xil, bosilganda turli qiymatlarni yuboradigan ikkita tugma:
<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>
O‘zingiz sinab ko‘ring »
<input> misoli
Boshlang‘ich (standart) qiymatlarga ega HTML forma:
<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>
O‘zingiz sinab ko‘ring »
<li> misoli
Tartiblangan ro‘yxatda value atributidan foydalanish:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
O‘zingiz sinab ko‘ring »
<meter> misoli
Joriy qiymat, min, max, high va low segmentlariga ega o‘lchagich:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
O‘zingiz sinab ko‘ring »
<option> misoli
HTML forma ichidagi ochiladigan ro‘yxat:
<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>
O‘zingiz sinab ko‘ring »
<progress> misoli
Yuklab olish jarayoni:
<progress value="22" max="100"></progress>
O‘zingiz sinab ko‘ring »
<param> misoli
"autoplay" parametrini "true" ga o‘rnating, shunda sahifa yuklanishi bilanoq ovoz ijro etila boshlaydi:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
value atributining har bir element uchun brauzerlarda qo‘llab-quvvatlanishi quyidagicha:
| Element | |||||
|---|---|---|---|---|---|
| button | Ha | Ha | Ha | Ha | Ha |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| li | Ha | Ha | Ha | Ha | Ha |
| meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
| option | Ha | Ha | Ha | Ha | Ha |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
| param | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!