Definizione e utilizzo
Per gli elementi dei pulsanti, di ingresso e di opzione, il value attributo specifica il valore iniziale dell'elemento.
Per li elementi, il value attributo imposta il valore di un elemento elenco ordinato. Le seguenti voci di elenco si incrementerà da quel numero.
Per gli elementi di avanzamento, il value attributo specifica la quantità di attività è stata completata.
Per gli elementi param, il value attributo specifica il valore di un <param> elemento.
Si applica a
Il type attributo può essere utilizzato sui seguenti elementi:
Elementi | Attributo |
---|---|
<button> | value |
<input> | value |
<li> | value |
<option> | value |
<progress> | value |
<param> | value |
Esempi
Button Esempio
Due pulsanti con nomi uguali, che presentano valori diversi quando si fa clic:
<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>
Prova tu stesso " Input Esempio
Un modulo HTML con i valori iniziali (default):
<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>
Prova tu stesso " Li Esempio
L'utilizzo del value dell'attributo in un elenco ordinato:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
Prova tu stesso " opzione Esempio
Un elenco a discesa all'interno di un form 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>
Prova tu stesso " Param Esempio
Impostare il "autoplay" parametro "true" , in modo che il suono inizia a giocare non appena viene caricata la pagina:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Prova tu stesso " Supporto per il browser
Il value
attributo ha la seguente supporto del browser per ogni elemento:
Elemento | |||||
---|---|---|---|---|---|
button | sì | sì | sì | sì | sì |
input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
li | sì | sì | sì | sì | sì |
option | sì | sì | sì | sì | sì |
progress | 8.0 | 10.0 | 16,0 | 6.0 | 11.0 |
param | sì | sì | sì | sì | sì |