Que signifie la balise de compteur html5 ? Introduction à l'utilisation et aux attributs de la balise de compteur HTML5-Tutoriel H5-php.cn

Que signifie la balise de compteur html5 ? Introduction à l'utilisation et aux attributs de la balise de compteur HTML5

寻∝梦

Libérer： 2018-08-18 17:19:07

original

5009 Les gens l'ont consulté

Que signifie la balise de compteur html5 ? L'utilisation et les attributs de la balise de compteur html5 sont tous ici. Cet article présente principalement la définition et l'utilisation spécifique de la balise de compteur html5, ainsi que l'introduction des attributs de la balise de compteur html5

compteur html5. balise Définition et utilisation : la balise

définit les poids et les mesures. À utiliser uniquement pour les mesures avec des valeurs maximales et minimales connues.

La balise définit une mesure scalaire dans une plage connue ou une valeur fractionnaire. Également connu sous le nom de jauge.

Exemples : utilisation du disque, corrélation des résultats de requête, etc.

Remarque : l'étiquette ne doit pas être utilisée pour indiquer la progression (dans une barre de progression). Si vous étiquetez une barre de progression, utilisez la balise

Exemple de balise de compteur html5 :

Utilisez l'élément compteur pour mesurer les données dans une plage donnée (jauge) :

Trois dixièmesètre>

60%ètre>

Attributs de la balise de compteur html5 :

Que signifie la balise de compteur html5 ? Introduction à lutilisation et aux attributs de la balise de compteur HTML5

Utilisation de la balise de compteur html5 :

<!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>

Copier après la connexion

Différences entre HTML 4.01 et HTML 5 :

La balise est une nouvelle balise dans HTML 5.

Remarque : La plage de la mesure doit être définie, soit dans le texte de l'élément, soit dans les attributs min/max.

[Recommandations associées]

Comment utiliser la balise source html5 ? Introduction aux attributs des balises source html5

Quel est le rôle de la balise titre html ? Introduction détaillée à la balise de titre HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!