Тег meter
meter теги кандайдыр бир маанини кооздолгон кылып
чыгаруу үчүн колдонулат.
Тегдин сырткы көрүнүшү жарым же толугу менен бойолгон тилкени түзөт. Тилке жашыл, сары же кызыл болушу мүмкүн (тилкенин түсү атрибуттардын маанилерине көз каранды, бул жөнүндө төмөндө):
meter тегин, мисалы, төмөнкү жолдо колдонуу керек: сиз
экранга учурдагы температуранын маанисин чыгаргыңыз келет,
ал эми температура 0 ден
100 га чейин өзгөрө алат. Сиз төмөнкү
атрибуттарды көрсөтүшүңүз керек: value атрибуту
учурдагы температуранын маанисин көрсөтсө, min
атрибуту - минималдуу мүмкүн болгон маанини (биздин
учурда 0), max атрибуту - максималдуу
мүмкүн болгон маанини (биздин учурда 100).
value атрибутунун маанисине жараша
тилке кичине же чоң болот. Эгерде
value маанисин 10 кылып белгилесек,
анда тилке кичине болот (анткени 10
нөлгө өтө жакын - минималга жакын), эгерде
маани 90 кылып белгиленсе, анда тилке
чоң болот (анткени 90 максималга
- 100гө жакын). Эгерде маани 100 кылып белгиленсе - анда
тилке элементтин бүт аянтын ээлейт (анткени маани
максималга жетти).
Эгерде 100 дан чоң маани белгиленсе,
анда тилке дагы деле элементтин бүт аянтын ээлейт.
Эгерде 0 же андан аз маани белгиленсе - анда тилке
такыр болбойт.
Мисал
value атрибутунун мааниси кичине:
<meter value="10" min="0" max="100"></meter>
:
Мисал
value атрибутунун мааниси чоң:
<meter value="90" min="0" max="100"></meter>
:
Мисал
value атрибутунун мааниси орточо:
<meter value="50" min="0" max="100"></meter>
:
Мисал
value атрибутунун мааниси максималдууга барабар:
<meter value="100" min="0" max="100"></meter>
:
Мисал
value атрибутунун мааниси минималдууга барабар:
<meter value="0" min="0" max="100"></meter>
:
Мисал
value атрибутунун мааниси максималдуудан чоң:
<meter value="110" min="0" max="100"></meter>
:
Мисал
value атрибутунун мааниси минималдуудан аз:
<meter value="-10" min="0" max="100"></meter>
:
low жана high атрибуттарын кошуу
meter тегинде дагы 2 атрибут бар:
low жана high.
Алардын иштешин температуранын мисалында карап көрөлү.
Эсиңизде болсун, биздин минималдуу температура
0 га барабар, ал эми максималдуу - 100 га барабар.
Эми биз төмөнкү диапазондорду
жасайлы деп коёлу
- "муздак температура" 0 ден 20 га чейин,
"кадимки" 20 дан 80 га чейин жана
"ысык" 80 дан 100 га чейин.
Муздак температураны белгилөө үчүн,
low атрибутунун маанисине 20 санын көрсөтөбүз.
Натыйжада нөлдөн (бул min атрибутунун
мааниси) 20 га чейин (low атрибутунун мааниси) бизде төмөнкү маанилер аймагы болот.
Ысык температураны белгилөө үчүн,
high атрибутунун маанисине 80 санын көрсөтөбүз.
Натыйжада 80 ден (бул
high атрибутунун мааниси) 100 га чейин (max атрибутунун
мааниси) бизде жогорку маанилер
аймагы болот.
Кадимки температура 20 дан
(бул low атрибутунун мааниси) 80 га чейин
(high атрибутунун мааниси) болот. Бул аймакты
кадимки маанилер аймагы деп атайбыз.
Эми, value атрибутунун мааниси кайсы аймакка
түшөрүнө жараша,
тилке жашыл же
сары түскө боёлот. Жашыл түс, эгерде биз кадимки маанилер аймагына түшсөк,
ал эми сары
- эгерде жогорку же төмөнкү маанилер аймагына түшсөк.
Мисал
value атрибутунун мааниси
төмөнкү маанилер аймагына түшөт:
<meter value="10" min="0" low="20" high="80" max="100"></meter>
:
Мисал
value атрибутунун мааниси
кадимки маанилер аймагына түшөт:
<meter value="50" min="0" low="20" high="80" max="100"></meter>
:
Мисал
value атрибутунун мааниси
жогорку маанилер аймагына түшөт:
<meter value="90" min="0" low="20" high="80" max="100"></meter>
:
optimum атрибутун кошуу
optimum атрибуту оптималдуу
маанини аныктайт. Биздин мисал үчүн оптималдуу
муздак температура, кадимки
же ысык болушу мүмкүн - өзүңүздүн тандооңузга жараша. Деле коёлу,
сиз оптималдуу температура
муздак деп көрсөттүңүз. Эми, value атрибутунун маанисине
жараша (балл учурдагы
температурага жараша) тилкенин түсү жашыл,
сары же кызыл болот.
Эгерде учурдагы температура оптималдуу температуралар аймагына түшсө (ал эми биз оптималдуу - муздак деп көрсөттүк), анда тилкенин түсү жашыл болот. Эгерде учурдагы температура оптималдуу аймактын кошуна диапазонуна түшсө (биздин учурда бул кадимки температура), анда тилке сарыга айланат. Эгерде учурдагы температура оптималдуу аймактын кошуна эмес диапазонуна түшсө (биздин учурда бул ысык температура), анда тилке кызылга айланат.
Ошо сыяктуу эле бардыгы болот, эгерде оптималдуу температураны ысык деп көрсөтсөк. Бул учурда, эгерде учурдагы температура ысык температуралар аймагына түшсө - тилке жашыл болот, эгерде кадимки температуралар аймагына түшсө - сары, эгерде муздак аймакка түшсө - кызыл.
Эгерде оптималдуу катары кадимки температураны көрсөтсөк, анда тилке жашыл гана болушу мүмкүн (эгерде учурдагы температура кадимки температурага түшсө) же сары (эгерде учурдагы температура кадимки температуранын кошунасына түшсө, ал эми бул ысык же муздак).
Кайсы диапазон оптималдуу экенин көрсөтүү үчүн,
optimum атрибутунун мааниси катары
ошол диапазондон каалаган санды көрсөтүү керек.
Төмөндөгү мисалдарда optimum атрибутунун мааниси
төмөнкү маанилер аймагына
түшөт (балл муздак температуралар).
Мисал
value атрибутунун мааниси
төмөнкү маанилер аймагына түшөт:
<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Мисал
value атрибутунун мааниси
кадимки маанилер аймагына түшөт:
<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Мисал
value атрибутунун мааниси
жогорку маанилер аймагына түшөт:
<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>
:
Төмөндөгү мисалдарда optimum атрибутунун мааниси
жогорку маанилер аймагына
түшөт (балл ысык температуралар).
Мисал
value атрибутунун мааниси
төмөнкү маанилер аймагына түшөт:
<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Мисал
value атрибутунун мааниси
кадимки маанилер аймагына түшөт:
<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Мисал
value атрибутунун мааниси
жогорку маанилер аймагына түшөт:
<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>
:
Төмөндөгү мисалдарда optimum атрибутунун мааниси
кадимки маанилер аймагына
түшөт (балл кадимки температуралар).
Мисал
value атрибутунун мааниси
төмөнкү маанилер аймагына түшөт:
<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Мисал
value атрибутунун мааниси
кадимки маанилер аймагына түшөт:
<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Мисал
value атрибутунун мааниси
жогорку маанилер аймагына түшөт:
<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>
:
Эски браузерлер
Эски браузерлер meter тегин
кооз кылып көрсөтө албайт жана анын ордуна
тегдин өзүнүн ичиндеги мазмунду чыгарат:
<meter value="10" min="0" max="100">Бул текст эски браузерлерде көрүнөт.</meter>
:
Атрибуттар
Атрибуттардын мааниси бөлчөк же терс сан болушу мүмкүн.
| Атрибут | Сүрөттөмө |
|---|---|
value |
Учурдагы маанини белгилейт. Милдеттүү атрибут. |
min |
Минималдуу мүмкүн болгон маанини берет. Демейки маани: 0. |
max |
Максималдуу мүмкүн болгон маанини берет. Демейки маани: 1. |
low |
Төмөнкү маанилер аймагынын чек арасын белгилейт. Төмөнкү маанилер
min атрибутундагы сандан
low атрибутундагы санга чейинки аралыкта болот.
|
high |
Жогорку маанилер аймагынын чек арасын белгилейт. Жогорку маанилер
high атрибутундагы сандан
max атрибутундагы санга чейинки аралыкта болот.
|
optimum |
Оптималдуу маанилер аймагын аныктайт. |
Ошондой эле караңыз
-
progressтеги,
ал жүктөлүү тилкесин түзөт.