110 of 133 menu

Meter tags

Tags meter tiek izmantots, lai attēlotu kādu vērtību skaisti noformētā veidā.

Taga izskats ir daļēji vai pilnībā aizkrāsota sloksne. Sloksne var būt zaļa, dzeltena vai sarkana (sloksnes krāsa ir atkarīga no atribūtu vērtībām, par to vēlāk):

Tag meter vajadzētu izmantot, piemēram, šādā situācijā: jūs vēlaties attēlot ekrānā pašreizējo temperatūras vērtību, turklāt temperatūra var mainīties no 0 līdz 100. Jums jānorāda šādi atribūti: atribūtam value jānorāda pašreizējā temperatūras vērtība, atribūtam min - minimālā iespējamā vērtība (mūsu gadījumā 0), atribūtam max - maksimālā iespējamā (mūsu gadījumā 100).

Atkarībā no atribūta value vērtības sloksne būs maza vai liela. Ja norādāt value ar vērtību 10, tad sloksne būs maza (jo 10 ir ļoti tuvu minimumam - nullei), ja norādāt vērtību 90, tad sloksne būs liela (jo 90 ir tuvu maksimumam - 100). Ja norādāt vērtību 100 - tad sloksne aizņems visu elementu (jo vērtība sasniedza maksimumu).

Ja norādāt vērtību, kas lielāka par 100, tad sloksne tik un tā aizņems visu elementu. Ja norādāt 0 un mazāk - tad sloksnes nebūs vispār.

Piemērs

Atribūta value vērtība maza:

<meter value="10" min="0" max="100"></meter>

:

Piemērs

Atribūta value vērtība liela:

<meter value="90" min="0" max="100"></meter>

:

Piemērs

Atribūta value vērtība vidēja:

<meter value="50" min="0" max="100"></meter>

:

Piemērs

Atribūta value vērtība vienāda ar maksimālo:

<meter value="100" min="0" max="100"></meter>

:

Piemērs

Atribūta value vērtība vienāda ar minimālo:

<meter value="0" min="0" max="100"></meter>

:

Piemērs

Atribūta value vērtība lielāka par maksimālo:

<meter value="110" min="0" max="100"></meter>

:

Piemērs

Atribūta value vērtība mazāka par minimālo:

<meter value="-10" min="0" max="100"></meter>

:

Pievienojam atribūtus low un high

Tag meter ir vēl 2 atribūti: low un high.

Apskatīsim to darbību, izmantojot temperatūras piemēru. Atgādinām, ka mūsu minimālā temperatūra ir 0, bet maksimālā - 100. Lai tagad mēs vēlamies izveidot šādus diapazonus - "aukstā temperatūra" no 0 līdz 20, "normāla" no 20 līdz 80 un "karsta" no 80 līdz 100.

Lai iestatītu auksto temperatūru, norādīsim atribūta low vērtībā skaitli 20. Izrādīsies, ka no nulles (šī ir atribūta min vērtība) līdz 20 (atribūta low vērtība) mums ir zemo vērtību apgabals.

Lai iestatītu karsto temperatūru, norādīsim atribūta high vērtībā skaitli 80. Izrādīsies, ka no 80 (šī ir atribūta high vērtība) līdz 100 (atribūta max vērtība) mums ir augsto vērtību apgabals.

Normāla temperatūra būs no 20 (šī ir atribūta low vērtība) līdz 80 (atribūta high vērtība). Šo apgabalu saucam par normālo vērtību apgabalu.

Tagad atkarībā no tā, kurā apgabalā iekrīt atribūta value vērtība, sloksne tiks nokrāsota zaļā vai dzeltenā krāsā. Zaļa būs, ja mēs iekritīsim normālo vērtību apgabalā, bet dzeltena - ja augsto vai zemo vērtību apgabalā.

Piemērs

Atribūta value vērtība iekrīt zemo vērtību apgabalā:

<meter value="10" min="0" low="20" high="80" max="100"></meter>

:

Piemērs

Atribūta value vērtība iekrīt normālo vērtību apgabalā:

<meter value="50" min="0" low="20" high="80" max="100"></meter>

:

Piemērs

Atribūta value vērtība iekrīt augsto vērtību apgabalā:

<meter value="90" min="0" low="20" high="80" max="100"></meter>

:

Pievienojam atribūtu optimum

Atribūts optimum nosaka optimālo vērtību. Mūsu piemērā optimāla varētu būt auksta temperatūra, normāla vai karsta - pēc jūsu izvēles. Pieņemsim, ka jūs norādīsiet, ka optimālā temperatūra ir auksta. Tagad atkarībā no atribūta value vērtības (tas ir, no pašreizējās temperatūras) sloksnes krāsa būs zaļa, dzeltena vai sarkana.

Ja pašreizējā temperatūra iekrīt optimālo temperatūru apgabalā (un mēs norādījām, ka optimālā ir auksta), tad sloksnes krāsa būs zaļa. Ja pašreizējā temperatūra iekrīt optimālajam blakus esošajā diapazonā (mūsu gadījumā tā ir normāla temperatūra), tad sloksne kļūs dzeltena. Ja pašreizējā temperatūra iekrīt ne optimālajam blakus esošajā diapazonā (mūsu gadījumā tā ir karsta temperatūra), tad sloksne kļūs sarkana.

Līdzīgi viss notiks, ja optimālo temperatūru norādīsiet karstu. Šajā gadījumā, ja pašreizējā temperatūra iekrita karsto temperatūru apgabalā - sloksne būs zaļa, ja iekrita normālo temperatūru apgabalā - dzeltena, ja auksto temperatūru apgabalā - sarkana.

Ja optimālo norādīsiet normālu temperatūru, tad sloksne var būt tikai zaļa (ja pašreizējā temperatūra iekrita normālajā) vai dzeltena (ja pašreizējā temperatūra iekrita normālajai blakus esošajā temperatūrā, tas ir karstajā vai aukstajā).

Lai norādītu, kurš diapazons ir optimāls, jānorāda kā atribūta optimum vērtība jebkurš skaitlis no šī diapazona.

Zemāk esošajos piemēros atribūta optimum vērtība iekrīt zemo vērtību apgabalā (tas ir, aukstajās temperatūrās).

Piemērs

Atribūta value vērtība iekrīt zemo vērtību apgabalā:

<meter value="10" min="0" low="20" high="80" max="100" optimum="10"></meter>

:

Piemērs

Atribūta value vērtība iekrīt normālo vērtību apgabalā:

<meter value="50" min="0" low="20" high="80" max="100" optimum="10"></meter>

:

Piemērs

Atribūta value vērtība iekrīt augsto vērtību apgabalā:

<meter value="90" min="0" low="20" high="80" max="100" optimum="10"></meter>

:

Zemāk esošajos piemēros atribūta optimum vērtība iekrīt augsto vērtību apgabalā (tas ir, karstajās temperatūrās).

Piemērs

Atribūta value vērtība iekrīt zemo vērtību apgabalā:

<meter value="10" min="0" low="20" high="80" max="100" optimum="90"></meter>

:

Piemērs

Atribūta value vērtība iekrīt normālo vērtību apgabalā:

<meter value="50" min="0" low="20" high="80" max="100" optimum="90"></meter>

:

Piemērs

Atribūta value vērtība iekrīt augsto vērtību apgabalā:

<meter value="90" min="0" low="20" high="80" max="100" optimum="90"></meter>

:


Zemāk esošajos piemēros atribūta optimum vērtība iekrīt normālo vērtību apgabalā (tas ir, normālajās temperatūrās).

Piemērs

Atribūta value vērtība iekrīt zemo vērtību apgabalā:

<meter value="10" min="0" low="20" high="80" max="100" optimum="50"></meter>

:

Piemērs

Atribūta value vērtība iekrīt normālo vērtību apgabalā:

<meter value="50" min="0" low="20" high="80" max="100" optimum="50"></meter>

:

Piemērs

Atribūta value vērtība iekrīt augsto vērtību apgabalā:

<meter value="90" min="0" low="20" high="80" max="100" optimum="50"></meter>

:

Vecie pārlūkprogrammu

Vecās pārlūkprogrammas nevarēs parādīt tag meter skaistā veidā un tā vietā izvadīs pats taga saturu:

<meter value="10" min="0" max="100">Šis teksts tiks rādīts vecajās pārlūkprogrammās.</meter>

:

Atribūti

Atribūtu vērtības var būt daļskaitļi un negatīvi skaitļi.

Atribūts Apraksts
value Iestata pašreizējo vērtību. Obligāts atribūts.
min Norāda minimālo iespējamo vērtību. Noklusējuma vērtība: 0.
max Norāda maksimālo iespējamo vērtību. Noklusējuma vērtība: 1.
low Norāda zemo vērtību apgabala robežu. Zemas vērtības būs no skaitļa atribūtā min līdz skaitlim atribūtā low.
high Norāda zemo vērtību apgabala robežu. Zemas vērtības būs no skaitļa atribūtā high līdz skaitlim atribūtā max.
optimum Nosaka optimālo vērtību apgabalu.

Skatiet arī

  • tags progress,
    kas izveido ielādes sloksni.
Latviešu
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mēs izmantojam sīkdatnes, lai nodrošinātu vietnes darbību, analīti un personalizāciju. Datu apstrāde notiek saskaņā ar Konfidencialitātes politiku.
pieņemt visus iestatīt noraidīt