Heim > Artikel > Web-Frontend > Was bedeutet das HTML5-Meter-Tag? Einführung in die Verwendung und Attribute des HTML5-Meter-Tags

Was bedeutet das HTML5-Meter-Tag? Einführung in die Verwendung und Attribute des HTML5-Meter-Tags

寻∝梦Original: 2018-08-18 17:19:074978Durchsuche

Was bedeutet das HTML5-Meter-Tag? Die Verwendung und Attribute des HTML5-Meter-Tags finden Sie hier. In diesem Artikel werden hauptsächlich die Definition und spezifische Verwendung des HTML5-Meter-Tags sowie die Attributeinführung des HTML5-Meter-Tags

html5-Meter vorgestellt Tag-Definition und Verwendung:

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

Tag definiert eine skalare Messung innerhalb eines bekannten Bereichs oder Bruchwerts. Auch als Messgerät bekannt.

Beispiele: Festplattennutzung, Korrelation der Abfrageergebnisse usw.

Hinweis: Die Bezeichnung sollte nicht zur Fortschrittsanzeige (in einem Fortschrittsbalken) verwendet werden. Wenn Sie einen Fortschrittsbalken beschriften, verwenden Sie das Tag

Beispiel für ein HTML5-Meter-Tag:

Verwenden Sie das Meter-Element, um Daten innerhalb eines bestimmten Bereichs (Gauge) zu messen:

Drei Zehntel

60%

Attribute des HTML5-Meter-Tags:

Was bedeutet das HTML5-Meter-Tag? Einführung in die Verwendung und Attribute des HTML5-Meter-Tags

Verwendung des HTML5-Meter-Tags:

<!doctype html>
<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
#la{
width:200px;
}
</style>
<script>
function test(){
var kk = document.getElementById("la");
var cc = document.getElementById("cc");
   kk.value=cc.value;
}
</script>
</dead>
<body>
<form oninput="test()"><!--使用表单的oninput事件使得meter的参数值随滑块值变化-->
<meter min="0" max="100" low="10" high="80" value="8" optimum="50" id="la"></meter>
<!--min max是valueq取值范围，low和high以及optimum是对value的判断，value处在不同的区间时，meter得颜色会不同-->
0<input id="cc" type="range" min="0" max="100" value="0">100
</form>
</body>
</html>

Unterschiede zwischen HTML 4.01 und HTML 5: Das

-Tag ist ein neues Tag in HTML 5.

Hinweis: Der Bereich der Kennzahl muss entweder im Text des Elements oder in den Min/Max-Attributen definiert werden.

[Verwandte Empfehlungen]

Wie verwende ich den HTML5-Quelltag? Einführung in HTML5-Quell-Tag-Attribute

Welche Rolle spielt der HTML-Titel-Tag? Detaillierte Einführung in den HTML-Titel-Tag

Das obige ist der detaillierte Inhalt vonWas bedeutet das HTML5-Meter-Tag? Einführung in die Verwendung und Attribute des HTML5-Meter-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Codebeispiele für die Implementierung häufig verwendeter interaktiver Elemente in HTML5Nächster Artikel：Codebeispiele für die Implementierung häufig verwendeter interaktiver Elemente in HTML5

In Verbindung stehende Artikel

Mehr sehen