HTML valeur Attribut
Définition et Utilisation
Pour les éléments <button> , <input> et <option> , l'attribut value spécifie la valeur initiale de l'élément.
Pour les éléments <li> , l'attribut value définit la valeur de l'élément de liste (pour les listes ordonnées). Les éléments de liste suivants s'incrémenteront à partir de cette valeur.
Pour les éléments <meter> , l'attribut value spécifie la valeur actuelle de la jauge.
Pour les éléments <progress> , l'attribut value indique combien de la tâche a été complétée.
Pour les éléments <param> , l'attribut value spécifie la valeur du paramètre.
S'applique à
L'attribut value peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <button> | value |
| <input> | value |
| <meter> | value |
| <li> | value |
| <option> | value |
| <progress> | value |
| <param> | value |
Exemples
<button> 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">
Choisissez votre sujet préféré :
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form> <input> Exemple
Un formulaire HTML avec des valeurs initiales (par défaut) :
<form action="/action_page.php">
Prénom : <input type="text" name="fname" value="John"><br>
Nom : <input type="text" name="lname" value="Doe"><br>
<input type="submit" value="Soumettre le formulaire">
</form> <li> Exemple
Utilisation de l'attribut value dans une liste ordonnée :
<ol>
<li value="100">Café</li>
<li>Thé</li>
<li>Lait</li>
<li>Eau</li>
<li>Jus</li>
<li>Bière</li>
</ol> <meter> Exemple
Une jauge avec une valeur actuelle, ainsi que des segments minimum, maximum, haut et bas :
<meter min="0" low="40" high="90" max="100" value="95"></meter> <option> Exemple
Une liste déroulante à l'intérieur d'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="Soumettre">
</form> <progress> Exemple
Téléchargement en cours :
<progress value="22" max="100"></progress> <param> Exemple
Définissez le paramètre "autoplay" sur "true" pour que le son commence à jouer dès que la page se charge :
<object data="horse.wav">
<param name="autoplay" value="true">
</object> Support des navigateurs
L'attribut value est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| button | Oui | Oui | Oui | Oui | Oui |
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| li | Oui | Oui | Oui | Oui | Oui |
| meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
| option | Oui | Oui | Oui | Oui | Oui |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
| param | Oui | Oui | Oui | Oui | Oui |