Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

meter - Český HTML 5 manuál

Tag <meter> v HTML 5 označuje měřič, který zobrazuje určitou část z celku. Je funkčně podobný elementu progress, ale narozdíl od něj se nepoužívá k zobrazení vykonané práce (pokroku). Používá se k zobrazení všeho ostatního, tedy např. volného místa ve složce uživatele nebo zbývajících dnů premiového účtu.

Element je párový a obaluje alternativní obsah, který se zobrazí, pokud není prohlížečem podporován.

Atributy

Můžeme specifikovat následující atributy:

  • form - Určuje, do kterého formuláře element patří, hodnotou je id formuláře. Atribut není povinný, protože meter nemusí být ve formuláři.
  • high - Určuje od kolika je hodnota považována jako vysoká.
  • low - Určuje do kolika je hodnota považována jako nízká.
  • max - Maximální hodnota.
  • min - Minimální hodnota.
  • optimum - Optimální hodnota.
  • value - Současná hodnota měřiče.

Ukázka použití

Element můžeme vložit pouze zadáním atributu value:

Využití webového prostoru<br />
<meter value="0.7">70%</meter>

Výsledek:

Ukázka použití HTML 5 tagu meter k zobrazení volného prostoru - Ostatní tagy - Český HTML 5 manuál

Nebo můžeme zadat více atributů:

Zbývá vám 10 pozvánek<br />
<meter value="10" min="1" max="15">10 z 15</meter>

Výsledek:

Ukázka použití HTML 5 tagu meter k zobrazení zbývajících pozvánek - Ostatní tagy - Český HTML 5 manuál

 

Všechny články v sekci
Ostatní tagy - Český HTML 5 manuál
Článek pro vás napsal David Hartinger
Avatar
David je zakladatelem ITnetwork a programování se profesionálně věnuje 15 let. Má rád Nirvanu, nemovitosti a svobodu podnikání.
Unicorn university David se informační technologie naučil na Unicorn University - prestižní soukromé vysoké škole IT a ekonomie.
Aktivity