HTML <meter> tag

Definitie en gebruik

<meter> tag definieert een skalair meetwaarde binnen een bepaald bereik, of een fractiewaarde. Wordt ook wel een meter (gauge) genoemd.

bijvoorbeeld: het gebruik van de schijf, de relevantie van de zoekresultaten, enz.

Opmerking:niet <meter> om vooruitgang weer te geven (bijvoorbeeld een voortgangsbalk). Voor een voortgangsbalk, gebruik <progress> tag.

Tip:Gebruik altijd <label> tagvoor de beste toegankelijkheidspraktijken!

Zie ook:

HTML DOM-handboek:Meter object

Voorbeeld

Gebruik het element meter om een skalair waarde binnen een bepaald bereik weer te geven (meter):

<label for="disk_c">Gebruik van schijf C：</label>
<meter id="disk_c" value="2" min="0" max="10">Twee tienden</meter><br>
<label for="disk_d">Gebruik van schijf D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Probeer het zelf uit

Eigenschap

Eigenschap Waarde Beschrijving
form Formulier id Stelt in welk formulier het element <meter> behoort.
high Numeriek Stelt de hoge waarde van het bereik vast.
low Numeriek Stelt de lage waarde van het bereik vast.
max Numeriek Stelt het maximum van het bereik vast.
min Numeriek Stelt het minimum van het bereik vast. De standaardwaarde is 0.
optimum Numeriek Stelt de beste waarde van het instrument vast.
value Numeriek Verplicht. Stelt de huidige waarde van het instrument vast.

Beschrijving

Het element meter toont een mogelijke waarde binnen een bepaald bereik.min en max De eigenschap stelt de grenzen van het bereik van mogelijke waarden in, die kunnen worden weergegeven als floating-point-getallen. Het display van het element meter kan in drie delen worden onderverdeeld: te laag, te hoog en optimaal.low De eigenschap heeft een waarde ingesteld, alle waarden eronder worden beschouwd als te laag;high The attribute sets a value, all values above it are considered to be too high;optimum The attribute specifies the optimal value.

Global attributes

<meter> The tag also supports Global attributes in HTML.

event attributes

<meter> The tag also supports Event attributes in HTML.

Default CSS settings

None.

Browser support

The numbers in the table indicate the first browser version that fully supports this tag.

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