Attribut de valeur HTML

❮ Précédent Tous les attributs HTML Suivant ❯

Définition et utilisation

Pour les éléments <button>, <input>et <option>, l' valueattribut spécifie la valeur initiale de l'élément.

Pour <li>les éléments, l' valueattribut définit la valeur de l'élément de liste (pour les listes ordonnées). Les prochains éléments de la liste incrémenteront à partir de cette valeur.

Pour <meter>les éléments, l' valueattribut spécifie la valeur actuelle de la jauge.

Pour <progress>les éléments, l' valueattribut spécifie la proportion de la tâche qui a été achevée.

Pour <param>les éléments, l' valueattribut spécifie la valeur du paramètre.

S'applique à

L' valueattribut peut être utilisé sur les éléments suivants :

Éléments	Attribut
<bouton>	valeur
<entrée>	valeur
<mètre>	valeur
<li>	valeur
<option>	valeur
<progrès>	valeur
<param>	valeur

Exemples

<bouton> Exemple

Deux boutons avec des noms identiques, qui soumettent des valeurs différentes lorsqu'ils sont cliqués :

<form action="/action_page.php" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>

<entrée> Exemple

Un formulaire HTML avec des valeurs initiales (par défaut) :

<form action="/action_page.php">
First name: <input type="text" name="fname" value="John"><br>
Last name: <input type="text" name="lname" value="Doe"><br>
<input type="submit" value="Submit form">
</form>

<li> Exemple

Utilisation de l'attribut value dans une liste ordonnée :

<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>

<mètre> Exemple

Une jauge avec une valeur actuelle, des segments min, max, haut et bas :

<option> Exemple

Une liste déroulante dans un formulaire HTML :

<form action="/action_page.php">
<select name="cars">
    <option value="volvo">Volvo XC90</option>
    <option value="saab">Saab 95</option>
    <option value="mercedes">Mercedes SLK</option>
    <option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>

<progrès> Exemple

Téléchargement en cours :

<param> Exemple

Définissez le paramètre "autoplay" sur "true", pour que le son commence à jouer dès que la page se charge :

Prise en charge du navigateur

L' valueattribut est compatible avec les navigateurs suivants pour chaque élément :

Element
button	Yes	Yes	Yes	Yes	Yes
input	1.0	2.0	1.0	1.0	1.0
li	Yes	Yes	Yes	Yes	Yes
meter	8.0	13.0	6.0	6.0	11.0
option	Yes	Yes	Yes	Yes	Yes
progress	8.0	10.0	16.0	6.0	11.0
param	Yes	Yes	Yes	Yes	Yes