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é
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– output–progress – select– textarea