Opzioni HTML per Seleziona tag

May 16

Opzioni HTML per Seleziona tag


Il tag HTML <select> viene utilizzato per creare un elenco a discesa come parte di un modulo. Ogni voce è impostata usando i tag <option> annidati all'interno dell'apertura <select> e di chiusura <SELECT /> tag per creare l'elenco. L'elenco di selezione è comunemente incorporato all'interno di un form HTML come parte di raccogliere l'input dell'utente. Il SELECT ha attributi opzionali che possono essere impostati per cambiare l'aspetto e il comportamento di questo elemento.

L'opzionale "Size" Attribute

Tra cui l'attributo "dimensioni" nel <select> indica il numero di elementi <option> l'utente vede nella casella di scorrimento. Senza l'attributo dimensione, il <select> sembra e si comporta come un elenco a discesa, ma una volta che l'attributo formato è inclusa, diventa una casella di elenco a scorrimento.

L'attributo dimensione viene aggiunta alla <select>, come nel codice seguente:

<Select size = 4>

<Option> Articolo Uno </ option>

<Option> Articolo Due </ option>

<Option> Articolo Tre </ option>

<Option> punto quattro </ option>

</ Select>

L'opzionale attributo "multiplo"

L'attributo "multiplo" di <select> consente all'utente di selezionare più di un elemento nell'elenco. Per selezionare più di una voce dalla lista, il pulsante di controllo "CTRL" ha bisogno di essere depresso contemporaneamente con il clic del mouse. Se l'attributo multipla non è incluso, solo una voce può essere selezionata dalla lista.

L'attributo più viene aggiunto al <select>, come nel codice seguente:

<Selezionare più>

<Option> Articolo Uno </ option>

<Option> Articolo Due </ option>

<Option> Articolo Tre </ option>

<Option> punto quattro </ option>

</ Select>

Aggiungendo l'attributo più modifiche l'aspetto del <select> elenco da un menu a discesa di una casella di scorrimento.

L'opzionale attributo "Disabled"

Aggiungendo l'attributo "disabile" per <select> rende l'elenco visibile all'utente, ma non disponibili per l'uso. L'attributo disabilitato per <selezionare> segue convenzione W3C per i controlli disabili e non passerà il valore dell'elemento al server per l'elaborazione al momento della presentazione del modulo.

L'attributo disabile viene aggiunta alla <select>, come nel codice seguente:

<Selezionare disabilitato>

<Option> Articolo Uno </ option>

<Option> Articolo Due </ option>

<Option> Articolo Tre </ option>

<Option> punto quattro </ option>

</ Select>

L'opzionale attributo "Tabidex"

Aggiungendo l'attributo opzionale "tabindex" al <select> determina l'ordine di tabulazione dell'elemento <select>, come le schede degli utenti attraverso il documento con il tasto "tab".

L'attributo tabindex viene aggiunta alla <select>, come nel codice seguente:

<Select tabindex = 2>

<Option> Articolo Uno </ option>

<Option> Articolo Due </ option>

<Option> Articolo Tre </ option>

<Option> punto quattro </ option>

</ Select>