Partager

  HTML La balise < meter >

Somaire

Définition et utilisation Balise < meter >

LES BALISES HTML

La balise < meter > définit une mesure scalaire ou une valeur fractionnaire dans une aire de répartition connue.

C'est aussi connu sous le nom d'une jauge.

Exemples : Utilisation du disque dur , la pertinence d'un résultat de requête, etc..

Remarque : La balise  < meter > ne doit pas être utilisée pour indiquer la progression (comme une barre de progression). Pour des barres de progression, utilisez la balise  < progress > .


Exemple Utilisez l'élément < meter > pour mesurer les données dans une plage donnée (une jauge) :

Sélectionner le code

  <!DOCTYPE
  html> 
 <html> 
 <head> 
 <meta
  charset="UTF-8"> 
 <title>Les
  jauges:</title> 
   
 </head> 
<body>
<p>Afficher la jauge:</p>
 <meter  value ="2" min="0"   max  ="10">2 à 10</meter>< br > 
 <meter  value ="0.6">60%</meter> 
   
<p>< strong >Note:</ strong > La balise  meter 
  n'est pas supportée dans Internet Explorer .< /p>
  </body>
</html>
 
 

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La balise < meter > est prise en charge dans Firefox, Opera, Chrome et Safari 6.

La balise meter n'est pas supportée dans Internet Explorer.


Différences entre HTML 4.01 et HTML5

La balise < meter > est nouvelle en HTML5.


Les attributs de la balise meter

Nouveau : Nouveau en HTML5.

Attribute

Value

Description

form Nouveau

form_id

Spécifie un ou plusieurs formulaires auquel appartient l'élément < meter >.

high Nouveau

number

Spécifie la plage où les valeur de la jauge sont considéré comme une valeur élevée

low Nouveau

number

Spécifie la plage où les valeur de la jauge sont considéré comme une valeur faible.

max Nouveau

number

Spécifie la limite supérieure (le maximum) de la jauge.

min Nouveau

number

Spécifie la limite inferieur (le minimum) de la jauge.

optimum Nouveau

number

Spécifie la plage où les valeur de la jauge sont considéré comme une valeur optimale.

value Nouveau

number

Obligatoir . Spécifie  la valeur courante, ou « mesurée », de la jauge.

HTML L’attribut form de la balise < meter >

L'attribut form spécifie une ou plusieurs formes qu'appartient l'élément < meter >.


Exemple Un élément  < meter > situé à l'extérieur du formulaire, mais il en fait partie :

Sélectionner le code

  

<form action="demo_form.php" method="get" id="form1">
Nom: <input type="text" name="nom"><br>
<input type="submit" value="Submit">
</form>

<meter form="form1" name="x1" min="0" low="40" high="90"
max="100" value="95"></meter>


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut form de la balise < meter > n'est  pris en charge dans aucun des principaux navigateurs.


 Syntaxe

< meter form =" form_id ">


HTML L’attribut high de la balise < meter >

L'attribut high spécifie la plage où les valeurs de la jauge sont considérées comme une valeur élevée.

La valeur de l'attribut high doit être inférieure à la valeur de l'attribut max, et il doit également être supérieur aux valeurs de l'attribut low et min.


Exemple Une jauge pourvue d'une valeur actuelle, min, max, high et low  :

Sélectionner le code

  

<meter min="0" low="40" high="90" max="100" value="95"></meter>


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut high de la balise < meter > est pris en charge dans Firefox, Opera, Chrome et Safari 6.


Syntaxe

< meter high ="nombre">


HTML  L’attribut low de la balise < meter >

L'attribut low spécifie la plage où les valeurs de la jauge sont considérées comme une valeur faible.

La valeur de l'attribut low doit être supérieure à la valeur de l'attribut min et il doit également être inférieur aux valeurs de l'attribut high et max.


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut low de la balise < meter > est pris en charge dans Firefox, Opera, Chrome et Safari 6.


Syntaxe

< meter low ="nombre">


HTML l’attribut max de la balise < meter >

L'attribut max spécifie la limite supérieure de la jauge.

La valeur de l'attribut max doit être supérieure à la valeur de l'attribut min.

Si non spécifié, la valeur par défaut est 1.

Astuce : L'attribut max, ainsi que l'attribut min, spécifie l'ensemble de la jauge.


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut max de la balise < meter > est pris en charge dans Firefox, Opera, Chrome et Safari 6 +.


Syntaxe

< meter max="nombre">

La valeur par défaut est  1


HTML l’attribut min de la balise < meter >

L'attribut min spécifie la limite inférieure de la jauge.

La valeur de l'attribut min doit être inférieure à la valeur de l'attribut max.

Si non spécifié, la valeur par défaut est 0.

Astuce : L'attribut min, ainsi que l'attribut max, spécifie l'ensemble de la jauge.


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut min de la balise < meter > est pris en charge dans Firefox, Opera, Chrome et Safari 6.


Syntaxe

< meter min="nombre">

La valeur par défaut est zéro 0


HTML l’attribut optimum de la balise < meter >

L'attribut optimum spécifie la plage où les valeur de la jauge sont considéré comme une valeur optimale.


Exemple Une jauge avec une valeur optimale de 0,5 :

Sélectionner le code

  

<meter value="0.3" high="0.9" low="0.1" optimum="0.5"></meter>


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut optimum de la balise < meter > est pris en charge dans Firefox, Opera, Chrome et Safari 6+.


.Syntaxe

< meter optimum="nombre">


HTML l’attribut value de la balise < meter >

L'attribut  value requise spécifie la valeur courante ou « mesurée », de la jauge.

L'attribut value doit être comprise entre les valeurs minimale et  maximale.


Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut value de la balise < meter > est pris en charge dans Firefox, Opera, Chrome et Safari 6.


Syntaxe

< meter value="nombre">

Attributs globaux

La balise <keygen> prend également en charge les Attributs globaux en HTML.


Attributs de l'événement

La balise <keygen> prend également en charge les Attributs de l'événement en HTML.


Retour à l'accueil du site

Par carabde 10 mars 2014
  • SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting
    Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Balise keygen

    Définit un champ générateur de paire de clés (pour les formulaires)

    :visited

    Ajoute un style à un lien visité

    Comment on utilise XML

    Comment on utilise XML