Derniers tutoriels de développement web
 

HTML value Attribute


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