English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo della guida HTML tag

HTML: <option> etichetta

Nella web form, l'elemento HTML <option> viene utilizzato per definire gli elementi inclusi nei tag <select>, <optgroup> o <datalist>. Il tag <option> può rappresentare le voci dei menu in finestre弹出 e nelle altre liste di elementi degli html documenti.

Esempio online

Crea una lista di selezione con 3 opzioni:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Uso del tag HTML option (Tutorial Base Web oldtoolbag.com)</title>
</head>
<body>
  <label for="tutorial_choice">Tutorial: </label>
  <select id="tutorial_choice">
    <option value="html">HTML</option>
    <option value="css">CSS</option>
    <option value="sql">SQL</option>
  </select>
</body>
</body>
</html>
Prova a vedere ‹/›

In questo esempio di documento HTML5, abbiamo creato una lista di tre valori a elenco discendente utilizzando il tag <select>-HTML, CSS e SQL. Questi valori verranno visualizzati come elenco a discesa per la selezione dell'utente.

Compatibilità del browser

IEFirefoxOperaChromeSafari

La maggior parte dei browser mainstream supporta il tag <option>.

Definizione e istruzioni per l'uso dei tag

L'etichetta <option> definisce un'opzione (un elemento) in una lista a discesa.

Il contenuto dell'etichetta <option> viene utilizzato come <select> oppure<datalist> Un elemento utilizzato.

Suggerimenti e note

Nota: l'etichetta <option> può essere utilizzata senza alcun attributo, ma di solito è necessario utilizzare l'attributo value, che indica il contenuto inviato al server.

Nota: utilizzare questa etichetta solo in combinazione con l'elemento select; altrimenti, questa etichetta non ha senso.

Suggerimento: se ci sono molte opzioni nella lista, è possibile utilizzare l'etichetta <optgroup> per raggruppare le opzioni correlate.

Proprietà

ProprietàValoreDescrizione
disabilitatodisabilitatoDefinisce che questa opzione dovrebbe essere disabilitata durante il caricamento iniziale.
etichettatestoDefinisce il testo utilizzato quando si utilizza <optgroup>.
selezionatoselezionatoDefinisce lo stato di selezione dell'opzione (quando viene visualizzata per la prima volta nella lista).
valoretestoDefinisce il valore dell'opzione inviato al server.

Proprietà globali

L'etichetta <option> supporta le proprietà globali, consulta la tabella completa delle proprietà Proprietà globali HTML.

proprietà degli eventi

L'etichetta <option> supporta tutte Proprietà degli eventi HTML.