Attributo del valore HTML


Definizione e utilizzo

Per elementi e <button>, l' attributo specifica il valore iniziale dell'elemento. <input><option> value

Per <li>gli elementi, l' valueattributo imposta il valore della voce dell'elenco (per gli elenchi ordinati). Le voci dell'elenco successive aumenteranno da quel valore.

Per <meter>gli elementi, l' valueattributo specifica il valore corrente dell'indicatore.

Per <progress>gli elementi, l' valueattributo specifica quanta parte dell'attività è stata completata.

Per <param>gli elementi, l' valueattributo specifica il valore del parametro.


Si applica a

L' valueattributo può essere utilizzato sui seguenti elementi:

Elementi Attributo
<pulsante> valore
<immissione> valore
<metro> valore
<li> valore
<opzione> valore
<progresso> valore
<parametro> valore

Esempi

<pulsante> Esempio

Due pulsanti con nomi uguali, che inviano valori diversi quando vengono cliccati:

<form action="/action_page.php" 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>

<input> Esempio

Un modulo HTML con valori iniziali (predefiniti):

<form action="/action_page.php">
  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>

<li> Esempio

Utilizzo dell'attributo value 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>

<metro> Esempio

Un indicatore con un valore di corrente, segmenti min, max, alto e basso:

<meter min="0" low="40" high="90" max="100" value="95"></meter>

<opzione> Esempio

Un elenco a discesa all'interno di un modulo 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="Submit">
</form>

<progresso> Esempio

Download in corso:

<progress value="22" max="100"></progress>

<parametro> Esempio

Imposta il parametro "autoplay" su "true", in modo che il suono inizi a suonare non appena la pagina viene caricata:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>

Supporto browser

L' valueattributo ha il seguente supporto del browser per ogni elemento:

Element
button Yes Yes Yes Yes Yes
input 1.0 2.0 1.0 1.0 1.0
li Yes Yes Yes Yes Yes
meter 8.0 13.0 6.0 6.0 11.0
option Yes Yes Yes Yes Yes
progress 8.0 10.0 16.0 6.0 11.0
param Yes Yes Yes Yes Yes