Tag HTML <opzione>
Esempio
Un elenco a discesa con quattro opzioni:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il <option>tag definisce un'opzione in un elenco di selezione.
<option>gli elementi vanno all'interno di un elemento <select> ,
<optgroup> o <datalist> .
Nota: il <option>tag può essere utilizzato senza alcun attributo, ma di solito è necessario l' attributo value , che indica cosa viene inviato al server al momento dell'invio del modulo.
Suggerimento: se hai un lungo elenco di opzioni, puoi raggruppare le opzioni correlate all'interno del tag <optgroup> .
Supporto browser
| Element | |||||
|---|---|---|---|---|---|
| <option> | Yes | Yes | Yes | Yes | Yes |
Attributi
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that an option should be disabled |
| label | text | Specifies a shorter label for an option |
| selected | selected | Specifies that an option should be pre-selected when the page loads |
| value | text | Specifies the value to be sent to a server |
Attributi globali
Il <option>tag supporta anche gli attributi globali in HTML .
Attributi dell'evento
Il <option>tag supporta anche gli attributi dell'evento in HTML .
Altri esempi
Esempio
Utilizzo di <opzione> in un elemento <datalist>:
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Esempio
Utilizzo di <opzione> negli elementi <optgroup>:
<label for="cars">Choose a car:</label>
<select id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Pagine correlate
Riferimento HTML DOM: Option Object
Impostazioni CSS predefinite
Nessuno.