<meter>
Misol
Berilgan diapazondagi skalyar qiymatni (o‘lchagichni) ko‘rsatish uchun meter elementidan foydalaning:
<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 out of 10</meter><br>
<label for="disk_d">Disk usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
<meter> tegi ma’lum diapazondagi skalyar o‘lchovni yoki kasr qiymatni belgilaydi. U o‘lchagich (gauge) deb ham ataladi.
Misollar: diskdan foydalanish darajasi, so‘rov natijasining dolzarbligi va h.k.
Eslatma: <meter> tegi jarayonni ko‘rsatish uchun (progress bar’dagi kabi) ishlatilmasligi kerak. Jarayon indikatorlari (progress bar) uchun <progress> tegidan foydalaning.
Maslahat: Qulaylik (accessibility) bo‘yicha eng yaxshi amaliyotlarga rioya qilish uchun har doim <label> tegini qo‘shing!
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar elementni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Element | |||||
|---|---|---|---|---|---|
| <meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| form | form_id | <meter> elementi qaysi formaga tegishli ekanini belgilaydi |
| high | number | Yuqori qiymat deb hisoblangan diapazonni belgilaydi |
| low | number | Past qiymat deb hisoblangan diapazonni belgilaydi |
| max | number | Diapazonning maksimal qiymatini belgilaydi |
| min | number | Diapazonning minimal qiymatini belgilaydi. Standart qiymat — 0 |
| optimum | number | Qaysi qiymat o‘lchagich uchun optimal qiymat ekanligini belgilaydi |
| value | number | Majburiy. O‘lchagichning joriy qiymatini belgilaydi |
Global atributlar
<meter> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<meter> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Tegishli sahifalar
HTML DOM ma’lumotnomasi: Meter obyekti
Standart CSS sozlamalari
Yo‘q.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!