HTML <meter> Tag
Exemple
Utilisez l'élément <meter> pour afficher une valeur scalaire dans une plage donnée (un indicateur) :
<label for="disk_c">Utilisation du disque C:</label>
<meter id="disk_c" value="2" min="0" max="10">2 sur 10</meter><br>
<label for="disk_d">Utilisation du disque D:</label>
<meter id="disk_d" value="0.6">60%</meter> Définition et Utilisation
Le <meter> définit une mesure scalaire dans une plage connue, ou une valeur fractionnaire. Cela est également connu sous le nom d'indicateur.
Exemples : utilisation du disque, pertinence d'un résultat de requête, etc.
Remarque : Le <meter> ne doit pas être utilisé pour indiquer une progression (comme dans une barre de progression). Pour les barres de progression, utilisez le <progress> .
Astuce : Ajoutez toujours le <label> pour de meilleures pratiques d'accessibilité !
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| form | form_id | Spécifie à quel formulaire appartient l'élément <meter> |
| high | number | Spécifie la plage considérée comme une valeur élevée |
| low | number | Spécifie la plage considérée comme une valeur basse |
| max | number | Spécifie la valeur maximale de la plage |
| min | number | Spécifie la valeur minimale de la plage. La valeur par défaut est 0 |
| optimum | number | Spécifie quelle valeur est optimale pour l'indicateur |
| value | number | Requis. Spécifie la valeur actuelle de l'indicateur |
Attributs Globaux
Le <meter> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
Le <meter> prend également en charge les Attributs d'Événement en HTML .
Pages Associées
Référence DOM HTML : Objet Meter
Paramètres CSS par Défaut
Aucun.