Définition et utilisation
Pour les éléments bouton, entrée et options, la value attribut spécifie la valeur initiale de l'élément.
Pour li éléments, la value attribut définit la valeur d'un élément de liste ordonnée. Les éléments de liste suivants incrémenter de ce nombre.
Pour les éléments de progrès, la value attribut indique combien la tâche est terminée.
Pour les éléments param, la value attribut spécifie la valeur d'un <param> élément.
S'applique à
Le type de l' attribut peut être utilisé sur les éléments suivants:
Éléments | Attribut |
---|---|
<button> | value |
<input> | value |
<li> | value |
<option> | value |
<progress> | value |
<param> | value |
Exemples
Button Exemple
Deux boutons avec des noms égaux, qui présentent des valeurs différentes lorsque vous cliquez dessus:
<form action="demo_form.asp"
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>
Essayez - le vous - même » Input Exemple
Un formulaire HTML avec (par défaut) valeurs initiales:
<form
action="demo_form.asp">
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>
Essayez - le vous - même » Li Exemple
Utilisation de la value attribut 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>
Essayez - le vous - même » Option Exemple
Une liste déroulante à l'intérieur d'un formulaire HTML:
<form action="demo_form.asp">
<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>
Essayez - le vous - même » Progress Exemple
Téléchargement en cours:
<progress value="22" max="100"></progress>
Essayez - le vous - même » Param Exemple
Réglez le "autoplay" paramètre à "true" , de sorte que le son va commencer à jouer dès que la page se charge:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Essayez - le vous - même » support du navigateur
La value
attribut a le support de navigateur suivant 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 |
option | Oui | Oui | Oui | Oui | Oui |
progress | 8.0 | 10.0 | 16,0 | 6.0 | 11.0 |
param | Oui | Oui | Oui | Oui | Oui |