Balise METER

Rôle

La balise <meter> définit une jauge de valeurs entre un minimum et un maximum.

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

A partir de Safari 6. La balise <meter> n’est pris en charge par Internet Explorer

Attributs spécifiques

Attributs spécifiques à cet élément

form
Spécifie l’idendifiant (attribut ID) du formulaire auquel l’élément appartient. Cet attribut permet à un élément d’être utilisé à l’extérieur à la balise <form> (attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="15" min="0" max="50" form="form1" >15 sur 50</meter>
high
Spécifie la valeur à partir duquel les valeurs sont considérées comme élevées (attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="90" min="0" max="100" low="40" hight="70" >15 sur 50</meter>
Exemple : 
low
Spécifie la valeur en dessous duquel les valeurs sont considérées comme faible (attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="15" min="0" max="100" low="30" hight="70" >15 sur 50</meter>
Exemple : 
max
Spécifie la valeur maximale de la jauge(attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="15" min="0" max="100" low="30" hight="70" >15 sur 50</meter>
min
Spécifie la valeur minimale de la jauge(attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="15" min="0" max="100" low="30" hight="70" >15 sur 50</meter>
optimum
Spécifie la plage dans laquelle la valeur de la jauge est considérée comme une valeur optimale(attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="0.3" low="0.2" hight="0.7" optimum="0.5" >15 sur 50</meter>
value
Spécifie la valeur actuelle de la jauge(attention, pas pris en charge par Internet Explorer)
Syntaxe :
<meter value="15" min="0" max="100" low="30" hight="70" >15 sur 50</meter>

La balise <meter> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <meter> prend en charge les événements de type formulaire.

La balise <meter> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

button– datalist– fieldset– form– input– keygen– label– legend– optgroup– option– outputprogressselect– textarea

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.