HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

Érték szemléltetése



Képek beillesztése HTML dokumentumba


Név Angol eredete Hatás Jellemzők
<meter> Meter Egy a tartományon belüli érték, szemléltetésére használható. Páros címke. Általános ; Események
A következő böngészők támogatják: Chrome logó Firefox logó Safari logó Opera logó

A nyitó és a záró címke közé az értéket célszerű beírni, mivel a funkciót nem támogató böngészők esetén (IE és a szabványkövető böngészők régebbi verziói) a címkékkel közrefogott tartalom jelenik meg.

Meg kell adni a tartomány két szélső értékét a min és max jellemzőkkel. Valamint az aktuális értéket a value jellemzővel. Az opcionális jellemző title. ( tooltip ) 

Az érték megadható abszolút számként vagy százalékosan.

Példa:

Forráskód




<h2>A minimális és maximális értékek megadásával</h2>
 60 : <meter value="60" min="0" max="100">a százból 60 pont</meter>
100 : <meter value="100" min="0" max="100">a százból 100 pont</meter>
 12 : <meter value="12" min="0" max="100">a százból 12 pont</meter>
  0 : <meter value="0" min="0" max="100">a százból 0 pont</meter>


<h2>Százalékos forma</h2>
80% : <meter value="0.8" title="Az eredmény: 80%">80%</meter><br>
10% : <meter value="0.1" title="Az eredmény: 10%">10%</meter><br>

 

Eredmény*


* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: html5_meter.html