Formular Workshop
Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
HTML5 Element ''
meter''<meter>
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.:
-
low -
high
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 ↑