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'
value
attributo 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'
value
attributo specifica il valore corrente dell'indicatore.
Per <progress>
gli elementi, l'
value
attributo specifica quanta parte dell'attività è stata completata.
Per <param>
gli elementi, l'
value
attributo specifica il valore del parametro.
Si applica a
L' value
attributo 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' value
attributo 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 |