<meter>: Das HTML-Meter-Element

Dieses Element umfasst die globalen Attribute.

value

Der aktuelle numerische Wert. Dieser muss zwischen den minimalen und maximalen Werten (Attributen min und max) liegen, wenn diese angegeben sind. Falls nicht spezifiziert oder ungültig, ist der Wert 0. Falls angegeben, aber nicht innerhalb des durch die Attribute min und max angegebenen Bereichs, ist der Wert gleich dem nächsten Ende des Bereichs.

Hinweis: Sofern das value-Attribut nicht zwischen 0 und 1 (einschließlich) liegt, sollten die Attribute min und max den Bereich definieren, sodass der Wert des value-Attributs darin liegt.

min

Die untere numerische Grenze des gemessenen Bereichs. Diese muss kleiner als der maximale Wert (Attribut max) sein, falls angegeben. Falls nicht angegeben, ist der Mindestwert 0.

max

Die obere numerische Grenze des gemessenen Bereichs. Diese muss größer als der Mindestwert (Attribut min) sein, falls angegeben. Falls nicht angegeben, ist der Maximalwert 1.

low

Die obere numerische Grenze des unteren Endes des gemessenen Bereichs. Diese muss größer als der Mindestwert (min-Attribut) und auch kleiner als der hohe Wert und der Maximalwert (Attribute high und max) sein, falls beide angegeben sind. Falls nicht angegeben oder kleiner als der Mindestwert, ist der low-Wert gleich dem Mindestwert.

high

Die untere numerische Grenze des oberen Endes des gemessenen Bereichs. Diese muss kleiner als der Maximalwert (max-Attribut) und auch größer als der niedrige Wert und der Mindestwert (Attribute low und min) sein, falls beide angegeben sind. Falls nicht angegeben oder größer als der Maximalwert, ist der high-Wert gleich dem Maximalwert.

optimum

Dieses Attribut gibt den optimalen numerischen Wert an. Es muss innerhalb des Bereichs liegen, wie er durch die Attribute min und max definiert ist. In Kombination mit den Attributen low und high gibt es an, welcher Abschnitt des Bereichs als vorzugswürdig betrachtet wird. Zum Beispiel, wenn es zwischen den Attributen min und low liegt, wird der untere Bereich als bevorzugt betrachtet. Der Browser kann die Anzeige der Meterleiste unterschiedlich färben, abhängig davon, ob der Wert kleiner oder gleich dem optimalen Wert ist.

form

Dieses optionale Attribut wird verwendet, um explizit einen <form>-Eigentümer für das <meter>-Element festzulegen. Wenn es weggelassen wird, wird das <meter> mit seinem Vorfahren <form>-Element oder der Formularzuordnung durch das form-Attribut eines anderen Vorfahrenelements, wie einem <fieldset>, verbunden. Falls angegeben, muss der Wert die id eines <form> im selben Baum sein.

HTML

<p>Battery level: <meter min="0" max="100" value="75">75%</meter></p>

Ergebnis

Beachten Sie, dass in diesem Beispiel das min-Attribut weggelassen wird. Dies ist zulässig, da es standardmäßig 0 ist.

HTML

<p>
  Student's exam score:
  <meter min="0" low="50" high="80" max="100" value="84">84%</meter>
</p>

Ergebnis

• Erstellen vertikaler Formularsteuerelemente
• <progress>
• ::-webkit-meter-bar, ::-webkit-meter-inner-element, ::-webkit-meter-even-less-good-value, ::-webkit-meter-optimum-value, ::-webkit-meter-suboptimum-value: nicht-standardmäßige Pseudoelemente