HTML- <meter> -Tag
Beispiel
Verwenden Sie das Meter-Element, um Daten innerhalb eines bestimmten Bereichs (eines Messgeräts) zu messen:
<label for="disk_c">Disk usage C:</label>
<meter id="disk_c" value="2"
min="0" max="10">2 out of 10</meter><br>
<label for="disk_d">Disk
usage D:</label>
<meter id="disk_d" value="0.6">60%</meter>
Definition und Verwendung
Das <meter>
Tag definiert eine skalare Messung innerhalb eines bekannten Bereichs oder einen Bruchwert. Dies wird auch als Messgerät bezeichnet.
Beispiele: Festplattennutzung, Relevanz eines Abfrageergebnisses etc.
Hinweis: Das <meter>
Tag sollte nicht verwendet werden, um den Fortschritt anzuzeigen (wie in einem Fortschrittsbalken). Verwenden Sie für Fortschrittsbalken das Tag <progress> .
Tipp: Fügen Sie immer das <label> -Tag hinzu, um optimale Zugänglichkeitspraktiken zu erhalten!
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
Element | |||||
---|---|---|---|---|---|
<meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
Attribute
Attribute | Value | Description |
---|---|---|
form | form_id | Specifies which form the <meter> element belongs to |
high | number | Specifies the range that is considered to be a high value |
low | number | Specifies the range that is considered to be a low value |
max | number | Specifies the maximum value of the range |
min | number | Specifies the minimum value of the range. Default value is 0 |
optimum | number | Specifies what value is the optimal value for the gauge |
value | number | Required. Specifies the current value of the gauge |
Globale Attribute
Das <meter>
Tag unterstützt auch die globalen Attribute in HTML .
Ereignisattribute
Das <meter>
Tag unterstützt auch die Ereignisattribute in HTML .
Verwandte Seiten
HTML-DOM-Referenz: Meter-Objekt
Standard-CSS-Einstellungen
Keiner.