Balise HTML <meter>

Définition et utilisation

<meter> Balise définissant une valeur mesurée scalaire dans un domaine connu, ou une valeur fractionnaire. Aussi appelé instrument (gauge).

Par exemple : l'utilisation du disque, la pertinence des résultats de la recherche, etc.

Attention :Ne pas utiliser <meter> Pour représenter des progrès (par exemple, une barre de progression). Pour les barres de progression, utilisez Balise <progress>.

Astuce :Utilisez toujours Balise <label>pour obtenir les meilleures pratiques d'accessibilité !

Veuillez également consulter :

Manuel HTML DOM :Objet Meter

Exemple

Afficher les valeurs scalaires dans une gamme donnée en utilisant l'élément "meter" (comme un instrument):

<label for="disk_c">Utilisation du disque C：</label>
<meter id="disk_c" value="2" min="0" max="10">Deuxième partie</meter><br>
<label for="disk_d">Utilisation du disque D:</label>
<meter id="disk_d" value="0.6">60%</meter>

Essayez-le vous-même

Propriété

Propriété Valeur Description
form Id du formulaire Définit à quel formulaire appartient l'élément "<meter>".
high Numérique Définit la valeur haute de la gamme.
low Numérique Définit la valeur basse de la gamme.
max Numérique Définit la valeur maximale de la gamme.
min Numérique Définit la valeur minimale de la gamme. La valeur par défaut est 0.
optimum Numérique Définit la valeur optimale de l'instrument.
value Numérique Obligatoire. Définit la valeur actuelle de l'instrument.

Description

L'élément "meter" affiche une valeur possible dans une gamme donnée.min et max La propriété définit les limites du domaine possible des valeurs, qui peuvent être représentées par des nombres à virgule flottante. L'affichage de l'élément "meter" peut être divisé en trois parties : trop bas, trop haut et optimal.low La propriété a définie une valeur, toutes les valeurs en dessous sont considérées comme trop basses;high L'attribut définit une valeur, toutes les valeurs au-dessus de cette valeur sont considérées comme trop élevées;optimum L'attribut spécifie la valeur optimale.

Attributs globaux

<meter> Le balise prend également en charge Attributs globaux dans HTML.

Attributs d'événement

<meter> Le balise prend également en charge Attributs d'événement dans HTML.

Réglage CSS par défaut

Aucun.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge le balise pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5