HTML <meter> -elementti

Määrittely ja käyttö

<meter> Tagi määrittää tunnetussa välissä olevan skaalatun mittauksen arvon tai osuuden. Tunnetaan myös mittarina (gauge).

esim. levyn käyttö, hakutulosten relevanssi jne.

Huomioitavaa:ei tulisi käyttää <meter> merkintä edistymiselle (esim. edistymispalkki). Edistymispalkkia varten käytä <progress>-tagi.

Vinkki:Käytä aina <label>-tagisaadaksesi parhaan saavutettavuuden!

Katso myös:

HTML DOM -viittausoppikirja:Meter-objekti

Esimerkki

Näytä annetun välillä olevat skaalatut arvot (mittari) käyttämällä meter-elementtiä:

<label for="disk_c">C:n levyn käyttö:</label>
<meter id="disk_c" value="2" min="0" max="10">Kaksi kymmenestä</meter><br>
<label for="disk_d">D:n levyn käyttö:</label>
<meter id="disk_d" value="0.6">60%</meter>

Kokeile itse

Ominaisuus

Ominaisuus Arvo Kuvaus
form Lomakkeen id Määrittää, mihin lomakkeeseen <meter>-elementti kuuluu.
high Numerot Määrittää ylärajan arvon.
low Numerot Määrittää alarajan arvon.
max Numerot Määrittää ylärajan.
min Numerot Määrittää alarajan. Oletusarvo on 0.
optimum Numerot Määrittää mittarin parhaan arvon.
value Numerot Välttämätön. Määrittää mittarin nykyisen arvon.

Kuvaus

meter-elementti näyttää jossain välillä olevista mahdollisista arvoista yhden.min ja max Ominaisuus määrittää mahdollisten arvojen välisen rajan, jotka voidaan ilmaista liukulukuina. meter-elementin näyttö voidaan jakaa kolmeen osaan: liian matala, liian korkea ja paras.low Ominaisuus asettaa arvon, ja kaikki sen alapuoliset arvot katsotaan liian mataliksi;high Ominaisuus asettaa arvon, joka on korkeampi, ja kaikki korkeammat arvot katsotaan liian korkeiksi;optimum Ominaisuus määrittää parhaan arvon.

Globaalit ominaisuudet

<meter> Merkki tukee myös HTML - globaalit ominaisuudet.

tapahtumien ominaisuudet

<meter> Merkki tukee myös HTML - tapahtumien ominaisuudet.

Oletusarvoinen CSS - asetus

Ei tietoa.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä merkkiä täysin.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5