Was bedeutet das HTML5-Meter-Tag? Ausführliche Erklärung, wie man die Farbe des HTML5-Meters ändert

Was bedeutet das HTML5-Meter-Tag? Ausführliche Erklärung, wie der HTML5-Meter-Tag die Farbe ändert. In diesem Artikel erfahren Sie hauptsächlich die Definition und Verwendung des HTML5-Meter-Tags sowie eine detaillierte Einführung, wie der HTML5-Meter-Tag die Farbe ändert

HTML5-Meter-Tag Definition und Verwendung :

Tag definiert Gewichte und Maße. Nur für Messungen mit bekannten Maximal- und Minimalwerten verwenden.

Zum Beispiel: Festplattennutzung, Korrelation von Abfrageergebnissen usw.

Hinweis: kann nicht als Fortschrittsbalken verwendet werden, Fortschrittsbalken

Hier sind Beispiele:

<meter min="0" max="20">5</meter>
<meter>2 out of 10</meter>
<meter>30%</meter>

Was ist das Meterelement:

Das Meterelement stellt einen Mengenwert innerhalb eines bestimmten Bereichs dar. Das Meterelement hat 6 Attribute!

1. Wertattribut: der tatsächliche Wert, der speziell im Element ausgedrückt wird. Der Wert dieses Attributs ist standardmäßig 0, und für dieses Attribut kann ein Gleitkomma-Dezimalwert angegeben werden.

2.min-Attribut: Der minimale praktische Wert, der bei der Angabe des angegebenen Bereichs zulässig ist. Der Standardwert ist 0. Der beim Festlegen dieses Attributs festgelegte Wert darf nicht kleiner als 0 sein.

3.max-Attribut: Der maximal zulässige Wert bei der Angabe des angegebenen Bereichs. Wenn der Wert dieses Attributs beim Festlegen kleiner als der Wert von min ist, wird der Wert des min-Attributs als Maximalwert betrachtet . Der Standardwert des Max-Attributs ist 1.

4.low-Attribut: Der untere Grenzwert des angegebenen Bereichs muss kleiner oder gleich dem Wert von high sein.

5.high-Attribut: die Obergrenze des angegebenen Bereichs. Wenn der Wert des Attributs kleiner als der Wert des Attributs „Niedrig“ ist, wird der Wert des Attributs „Niedrig“ als Wert des Attributs „Hoch“ betrachtet. Ebenso gilt, wenn der Wert des Attributs größer als der Wert des Attributs „Max“ ist , dann wird der Wert des Attributs „max“ als der Wert „hoch“ betrachtet.

6.Optimales Attribut: Der optimale Attributwert muss zwischen dem minimalen Attributwert und dem maximalen Attributwert liegen und kann größer als der hohe Attributwert sein.

So ändern Sie die Farbe des HTML5-Meters:

Um die Farbe im Meter zu ändern, müssen Sie fünf Werte verwenden, nämlich: min (Mindestwert), max (Maximalwert), niedrig, hoch, Wert und Optimierung, die ersten vier Werte teilen den gesamten Fortschritt in 3 Intervalle,

Grün: Wenn der Wert und die Optimierungswerte im gleichen Intervall liegen, es wird grün angezeigt.

Gelb: Wenn das Optimum zwischen hoch und maximal liegt und der Wert zwischen niedrig und hoch liegt, wird es gelb angezeigt.

Wenn das Optimum zwischen niedrig und hoch liegt, wenn der Wert dazwischen liegt Wenn der Wert zwischen Höchst- und Höchstwert liegt, erscheint er gelb.

Wenn das Optimum zwischen Min und Low liegt, wird der Wert zwischen Low und High gelb angezeigt.

Rot: Wenn das Optimum zwischen hoch und maximal liegt und der Wert zwischen minimal und niedrig liegt, wird es rot angezeigt.

Wenn das Optimum zwischen Min und Low liegt, wird der Wert zwischen High und Max rot angezeigt.

Wenn die Optimierung im grünen Bereich ist und der Wert im grünen Bereich, erscheint das Ganze grün

Wenn die Optimierung im grünen Bereich ist und der Wert im gelben Bereich Bereich, Das Ganze wird gelb angezeigt

Wenn die Optimierung im grünen Bereich liegt und der Wert im roten Bereich liegt, wird das Ganze rot angezeigt

Wenn die Optimierung läuft der grüne Bereich, der Wertwert. Der mittlere grüne Bereich ist grün

Wenn die Optimierung im grünen Bereich ist, erscheint der Wert gelb zwischen Min und Low und zwischen High und Max

Wenn die Optimierung läuft Wenn der Wert im grünen Bereich liegt und der Wert im grünen Bereich liegt, wird das Ganze grün angezeigt.

Wenn die Optimierung im grünen Bereich und der Wert im gelben Bereich liegt, wird das Ganze grün angezeigt gelb erscheinen

Wenn die Optimierung im grünen Bereich liegt und der Wert im roten Bereich, erscheint das Ganze rot

Der Unterschied zwischen HTML 4.01 und HTML 5:

Das

-Tag ist ein neues Tag in HTML 5.

[Verwandte Empfehlungen]

Was ist die spezifische Verwendung des HTML-Tags

Wie stelle ich die Rahmenfarbe mithilfe von Fieldset ein?

Was sind die Attribute von HTML? Spezifische Verwendungseinführung des optionalen ausgewählten Attributs

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5-Meter-Tag? Ausführliche Erklärung, wie man die Farbe des HTML5-Meters ändert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!