HTML <meter> etikett

Definition och användning

<meter> etikett definierar en skalärmätvärde inom ett känt område eller en bråkdel. Kallas också instrument (gauge).

t.ex. diskanvändning, relevans av sökresultat osv.

Observera:inte <meter> för att representera framsteg (t.ex. förlopp). För förlopp, använd <progress>-etikett.

Tips:Använd alltid <label>-etikettför bästa tillgänglighet!

Se också:

HTML DOM-handboken:Meter-objekt

Exempel

Använd meter-elementet för att visa skalärvärden inom ett givet område (instrument):

<label for="disk_c">Diskanvändning C：</label>
<meter id="disk_c" value="2" min="0" max="10">En tjugonde</meter><br>
<label for="disk_d">Diskanvändning D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Prova själv

Egenskap

Egenskap Värde Beskrivning
form Formulär id Anger till vilken formulär <meter>-elementet hör.
high Numerisk Anger det högsta värdet i området.
low Numerisk Anger det lägsta värdet i området.
max Numerisk Anger det största värdet i området.
min Numerisk Anger det minsta värdet i området. Standardvärdet är 0.
optimum Numerisk Anger instrumentets optimala värde.
value Numerisk Obligatorisk. Anger instrumentets aktuella värde.

Beskrivning

meter-elementet visar ett av alla möjliga värden inom ett område.min och max Egenskapen sätter gränserna för det möjliga värdeområdet, de kan representeras med flyttal. Visningen av meter-elementet kan delas in i tre delar: för lågt, för högt och optimalt.low Egenskapen har satt ett värde, alla värden under detta betraktas som för låga;high Attributet anger ett värde, alla värden över detta anses vara för höga;optimum Attributet specificerar den bästa värdet.

Globala attribut

<meter> Etiketten stöder också Globala attribut i HTML.

händelseattribut

<meter> Etiketten stöder också Händelseattribut i HTML.

Standard CSS-inställningar

Inget.

Webbläsarstöd

Tal i tabellen anger den första webbläsarens version som helt stöder denna etikett.

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