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

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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