HTML <meter> Tag

Definition und Verwendung

<meter> Tag definiert ein Skalärmaßwert oder einen Bruchwert im bekannten Bereich. Auch bekannt als Zähler (gauge).

z.B. die Verwendung von Disk, die Relevanz der Abfrageergebnisse usw.

Beachten Sie:Sollte nicht verwendet werden <meter> Tags zur Darstellung von Fortschritten (z.B. Fortschrittsbalken). Für Fortschrittsbalken verwenden Sie <progress>-Tag.

Hinweis:Verwenden Sie immer <label>-Tagfür die beste Zugänglichkeitspraxis!

Bitte beachten Sie auch:

HTML DOM Referenzhandbuch:Meter-Objekt

Beispiel

Verwenden Sie das meter-Element, um Skalärwerte innerhalb eines bestimmten Bereichs (Zähler) anzuzeigen:

<label for="disk_c">Verwendung von Disk C：</label>
<meter id="disk_c" value="2" min="0" max="10">Zwei Zehntel</meter><br>
<label for="disk_d">Verwendung von Disk D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Probieren Sie es selbst aus

Eigenschaft

Eigenschaft Wert Beschreibung
form Formular-ID Legt fest, zu welchem Formular das <meter>-Element gehört.
high Zahl Legt den höchsten Wert des Bereichs fest.
niedrig Zahl Legt den niedrigsten Wert des Bereichs fest.
max Zahl Legt den maximalen Wert des Bereichs fest.
min Zahl Legt den minimalen Wert des Bereichs fest. Standardwert ist 0.
optimum Zahl Legt den optimalen Wert des Instruments fest.
value Zahl Erforderlich. Legt den aktuellen Wert des Instruments fest.

Beschreibung

Das meter-Element zeigt einen möglichen Wert aus einem bestimmten Bereich an.min und max Die Eigenschaft legt die Grenzen des möglichen Wertebereichs fest, die mit Fließkommazahlen angegeben werden können. Die Anzeige des meter-Elements kann in drei Teile unterteilt werden: zu niedrig, zu hoch und optimal.niedrig Die Eigenschaft hat einen Wert gesetzt, alle Werte darunter werden als zu niedrig betrachtet;high Das Attribut legt einen Wert fest, bei dem alle höheren Werte als zu hoch angesehen werden;optimum Das Attribut legt den besten Wert fest.

Globale Attribute

<meter> Der Tag unterstützt auch Globale Attribute in HTML.

Ereignisattribute

<meter> Der Tag unterstützt auch Ereignisattribute in HTML.

Standardmäßige CSS-Einstellungen

Keine

Browser-Unterstützung

Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der diesen Tag vollständig unterstützt.

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