110 of 133 menu

Etiketa meter

Etiketa meter përdoret për të shfaqur një vlerë në një format të bukur.

Pamja e etiketës paraqet një shufër të ngjyrosur pjesërisht ose plotësisht. Shufra mund të jetë e gjelbër, e verdhë ose e kuqe (ngjyra e shufrës varet nga atributet, më poshtë do të shpjegohet):

Etiketa meter duhet të përdoret, për shembull, në situatën e mëposhtme: ju dëshironi të shfaqni në ekran vlerën aktuale të temperaturës, ku temperatura mund të ndryshojë nga 0100. Ju duhet të specifikoni atributet e mëposhtme: atributi value duhet të tregojë vlerën aktuale të temperaturës, atributi min - vlerën minimale të mundshme (në rastin tonë 0), atributi max - vlerën maksimale të mundshme (në rastin tonë 100).

Në varësi të vlerës së atributit value shufra do të jetë e vogël ose e madhe. Nëse specifikohet value me vlerën 10, shufra do të jetë e vogël (pasi 10 është shumë afër minimumit - zero), nëse specifikohet vlera 90, atëherë shufra do të jetë e madhe (pasi 90 është afër maksimumit - 100). Nëse specifikohet vlera 100 - atëherë shufra do të zërë të gjithë elementin (pasi vlera ka arritur maksimumin).

Nëse specifikohet një vlerë më e madhe se 100, shufra do të zërë të gjithë elementin gjithsesi. Nëse specifikohet 0 ose më pak - atëherë nuk do të ketë shufër fare.

Shembull

Vlera e atributit value e vogël:

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

:

Shembull

Vlera e atributit value e madhe:

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

:

Shembull

Vlera e atributit value e mesme:

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

:

Shembull

Vlera e atributit value është e barabartë me maksimalen:

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

:

Shembull

Vlera e atributit value është e barabartë me minimalen:

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

:

Shembull

Vlera e atributit value më e madhe se maksimalja:

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

:

Shembull

Vlera e atributit value më e vogël se minimalja:

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

:

Shtimi i atributeve low dhe high

Te etiketa meter ka edhe 2 atributet: low dhe high.

Le të shqyrtojmë funksionimin e tyre duke përdorur shembullin e temperaturës. Kujtojmë se temperatura jonë minimale është 0, dhe maksimalja - 100. Le të themi tani që ne dëshirojmë të krijojmë intervalet e mëposhtme - "temperaturë e ftohtë" nga 020, "normale" nga 2080 dhe "e nxehtë" nga 80100.

Për të përcaktuar temperaturën e ftohtë, do të specifikojmë vlerën e atributit low si numrin 20. Kështu, nga zero (kjo është vlera e atributit min) deri në 20 (vlera e atributit low) kemi zonën e vlerave të ulëta.

Për të përcaktuar temperaturën e nxehtë, do të specifikojmë vlerën e atributit high si numrin 80. Kështu, nga 80 (kjo është vlera e atributit high) deri në 100 (vlera e atributit max) kemi zonën e vlerave të larta .

Temperatura normale do të jetë nga 20 (kjo është vlera e atributit low) deri në 80 (vlera e atributit high). Këtë zonë do ta quajmë zona e vlerave normale.

Tani, në varësi të zonës në të cilën bien vlera e atributit value, shufra do të ngjyroset në ngjyrë të gjelbër ose të verdhë. E gjelbër do të jetë, nëse bie në zonën e vlerave normale, ndërsa e verdhë - nëse bie në zonën e vlerave të larta ose të ulëta.

Shembull

Vlera e atributit value bie në zonën e vlerave të ulëta:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave normale:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave të larta:

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

:

Shtimi i atributit optimum

Atributi optimum përcakton vlerën optimale. Për shembullin tonë, temperatura optimale mund të jetë e ftohtë, normale ose e nxehtë - sipas zgjedhjes suaj. Le të supozojmë, se ju specifikoni që temperatura optimale është e ftohtë. Tani, në varësi të vlerës së atributit value (d.m.th. nga temperatura aktuale ) ngjyra e shufrës do të jetë e gjelbër, e verdhë ose e kuqe.

Nëse temperatura aktuale bie në zonën e temperaturave optimale (dhe ne kemi specifikuar që optimale është e ftohtë), atëherë ngjyra e shufrës do të jetë e gjelbër. Nëse temperatura aktuale bie në intervalin ngjitur me atë optimal (në rastin tonë kjo është temperatura normale), atëherë shufra do të bëhet e verdhë. Nëse temperatura aktuale bie në një interval jo ngjitur me atë optimal (në rastin tonë kjo është temperatura e nxehtë), atëherë shufra do të bëhet e kuqe.

Në mënyrë të ngjashme do të ndodhë gjithçka, nëse temperatura optimale specifikohet si e nxehtë. Në këtë rast, nëse temperatura aktuale bie në zonën e temperaturave të nxehta - shufra do të jetë e gjelbër, nëse bie në zonën e temperaturave normale - e verdhë, nëse në zonën e temperaturave të ftohta - e kuqe.

Nëse optimale specifikohet si temperatura normale, atëherë shufra mund të jetë vetëm e gjelbër (nëse temperatura aktuale bie në atë normale) ose e verdhë (nëse temperatura aktuale bie në intervalin ngjitur me temperaturën normale, që është e nxehtë ose e ftohtë).

Për të treguar se cili interval është optimal, duhet specifikuar si vlerë e atributit optimum çdo numër nga ai interval.

Në shembujt e mëposhtëm vlera e atributit optimum bie në zonën e vlerave të ulëta (d.m.th. temperaturave të ftohta).

Shembull

Vlera e atributit value bie në zonën e vlerave të ulëta:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave normale:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave të larta:

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

:

Në shembujt e mëposhtëm vlera e atributit optimum bie në zonën e vlerave të larta (d.m.th. temperaturave të nxehta).

Shembull

Vlera e atributit value bie në zonën e vlerave të ulëta:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave normale:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave të larta:

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

:


Në shembujt e mëposhtëm vlera e atributit optimum bie në zonën e vlerave normale (d.m.th. temperaturave normale).

Shembull

Vlera e atributit value bie në zonën e vlerave të ulëta:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave normale:

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

:

Shembull

Vlera e atributit value bie në zonën e vlerave të larta:

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

:

Shfletues të vjetër

Shfletuesit e vjetër nuk mund të shfaqin etiketën meter në një format të bukur dhe do të shfaqin në vend të kësaj përmbajtjen e vetë etiketës:

<meter value="10" min="0" max="100">Ky tekst do të shfaqet në shfletues të vjetër.</meter>

:

Atributet

Vlera e atributeve mund të jetë numër thyesor dhe negativ .

Atributi Përshkrimi
value Vendos vlerën aktuale. Atribut i detyrueshëm.
min Përcakton vlerën minimale të mundshme. Vlera e paracaktuar: 0.
max Përcakton vlerën maksimale të mundshme. Vlera e paracaktuar: 1.
low Përcakton kufirin e zonës së vlerave të ulëta. Vlerat e ulëta do të jenë nga numri në atributin min deri te numri në atributin low.
high Përcakton kufirin e zonës së vlerave të larta. Vlerat e larta do të jenë nga numri në atributin high deri te numri në atributin max.
optimum Përcakton zonën e vlerave optimale.

Shihni gjithashtu

  • etiketa progress,
    e cila krijon një shirit ngarkimi.
Shqip
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Ne përdorim cookie për funksionimin e sajtit, analizën dhe personalizimin. Përpunimi i të dhënave bëhet në përputhje me Politikën e Privatësisë.
prano të gjitha konfiguro refuzo