Logo von www.onlex.de
Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
Onlex auf Facebook verwenden Onlex auf Twitter verwenden

HTML5 Element ''meter''
<meter>

Logo des Browsers Chrome von GoogleLogo des Browsers Firefox von MozillaLogo des Browsers OperaLogo des Browsers Safari von Apple
Stand:

Im Gegensatz zum Element progress wird keine Fortschrittsanzeige dargestellt sondern Messwerte. Ein Beispiel könnte eine Festplattenbelegung oder ähnliches sein.

Beispiel:



Quelltext-Auszug:

<meter min="0" max="1000" value="250"></meter>
<meter value="0.75"></meter>

Im obigen Beispiel wird ein Balken angezeigt, der Messwerte darstellen soll. Der Einsatz hierfür ist vielfältig.
Das Pflicht-Attribut in diesem Element ist value. Ohne Einsatz der Attribute min und max erfolgt die Angabe des Wertes im value Attributs als Dezimalzahl (siehe zweiter Balken). Hierbei wird von einem Minimal-Wert (min) von 0 und einem Maximal-Wert (max) von 1 ausgegangen.
Mit min und max wird eine Spanne angegeben. Der value Wert gibt den endgültigen Wert an, der dargestellt werden soll.

Optionale Attribute sind u.a.: Durch Angabe eines Wertes, der unter (low) bzw. über (high) einen vorgegeben Wert liegt, wird der Balken entsprechend anders dargestellt. Die Darstellung ist von Browser zu Browser unterschiedlich.

Beispiel für eine Wertunterschreitung:


Quelltext-Auszug:

<meter min="0" max="1000" low="200" value="199"></meter>
Beispiel für eine Wertüberschreitung:


Quelltext-Auszug:

<meter min="0" max="1000" high="800" value="801"></meter>
In allen oben angegeben Beispielen kann selbstverständlich das title Attribut ebenfalls eingesetzt werden.


zum Seitenanfang



© 2002 - 2019 · www.onlex.de - HomepageTools | Impressum | Sitemap