Gli ultimi tutorial di sviluppo web
 

HTML value Attribute


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 "

Progress Esempio

Il download in corso:

<progress value="22" max="100"></progress>
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
input 1.0 2.0 1.0 1.0 1.0
li
option
progress 8.0 10.0 16,0 6.0 11.0
param