oujood.com

  HTML La balise < meter >

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

chercher |

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) :

Exemple :       Copier 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 :

Exemple :       Copier 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  :

Exemple :       Copier 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 :

Exemple :       Copier 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 <meter> prend également en charge les Attributs globaux en HTML.


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


Retour à l'accueil du site

Par carabde 10 mars 2014

Voir aussi nos tutoriel :

Détermine si une variable est un type numérique">is_numeric

 Détermine si une variable est un type numérique

Appliquer un style à des balises en css

Apprendre le CSS rapidement et facilement en quelques leçons avec des exemples clairs....

Balise étiquette label

Définit une étiquette pour un élément