Il tag HTML <option> specifica un'opzione in un elenco di selezione. Offre allo sviluppatore la possibilità di gestire grandi menu di navigazione o scelte all'interno di una piccola area di un sito web. Utilizzando il tag <option> può innescare eventi, come salto ad una posizione della pagina, o per raccogliere informazioni quando viene inviato un modulo. Il <option> tag in HTML non ha alcun tag di chiusura, in cui il tag XHTML <option> deve essere correttamente chiuso.

attributi standard

Il tag <option> supporta diversi attributi standard, tra cui classe, dir, id, lingua, stile, il titolo e xml: lang. Tutti i tag XHTML e HTML con poche eccezioni supportano attributi standard.

L'attributo CLASS specifica un nome di classe per un elemento e ha un valore di "classname".

L'attributo DIR indica la direzione del testo per il contenuto. I valori sono rtl (da destra a sinistra) o litri (da sinistra a destra).

L'attributo ID è un identificativo unico per un elemento. Essa può essere duplicato all'interno di una pagina o un insieme di pagine, ad esempio un file EPUB.

Attributi di eventi standard

Il tag <option> supporta diversi eventi tra cui attributi onclick, onMouseDown, onmouseout e onkeypress. attributi evento di trigger un'azione nel browser, come ad esempio iniziare un JavaScript quando l'utente fa clic su un elemento. Ad esempio, lo script onclick salta l'utente alla pagina richiesta quando il mouse fa clic su un valore di opzione.

tag OPTGROUP

Quando sono necessari più gruppi con più opzioni, usando il tag <optgroup> organizza il processo. Questo metodo richiede l'attributo label, che descrive ciascuna gruppi quotati, come le verdure o frutta. Questo metodo organizzata rende la vostra lista scelta user-friendly e la codifica molto più facile da lavorare.

<Select>

<Optgroup etichetta = "verdura">

<Option value = "broccoli"> Broccoli </ option>

<Option value = "carota"> Carota </ ​​option>

</ Optgroup>

<Optgroup etichetta = "Frutta">

<Option value = "banana"> banana </ option>

<Option value = "orange"> Orange </ option>

</ Optgroup>

</ Select>

valore attributo

Anche se il tag <option> non richiede alcuna attributi, che spesso include uno o più opzionali attributi, come disabili, etichetta, selezionato o il valore. La proprietà valore specifica il valore di default del testo da inviare al server quando un modulo sottopone rendendo il <option> contrassegnare una funzione utile quando utilizzato in una forma, come la ricerca del sito. Questo metodo raccoglie le informazioni relative alla vostra ricerca spettatori online abitudini, una funzione utile da utilizzare per migliorare la attività del tuo sito web.