Elementi di form che contengono il grigio "Down" pulsante freccia sul lato destro sono chiamati "caselle di selezione" in HTML. Utilizzare le caselle di selezione per dare agli utenti una lunga lista di scelte limitate, come anni o Stati. Utilizzando solo HTML, puoi raggruppare le opzioni per le rubriche e impostare un'opzione per impostazione predefinita. Per creare una casella di selezione, è necessario almeno un paio di tag "< select >" avvolgendo un elenco di opzioni, e ogni opzione deve avvolgere "opzione di < >" tag. Elaborazione e styling casella di selezione e le relative opzioni richiede programmazione e codice di Cascading Style Sheets (CSS).
Istruzioni
1
Digitare una coppia di tag "< select >" nel tuo file HTML in cui si desidera visualizzare la casella di selezione. Dare il tag "< select >" apertura un attributo "name", così si può afferrare la selezione dell'utente quando si scrive il tuo script per gestire il modulo. Modo è possibile disegnare la casella con i CSS, impostare l'attributo ID per un nome univoco e significativo. Qui ci sono i tag:
< select nome = "myselect" id = "selectbox" >
< / selezionare >
2
Scrivere un elenco di opzioni tra i tag "< select >", mettendo ogni opzione sulla propria riga. Avvolgere ogni opzione con tag "< option >" come questo:
< select nome = "myselect" id = "selectbox" >
< opzione > prima opzione < / option >
< opzione > seconda opzione < / option >
< / selezionare >
3
Dare ogni opzione un attributo "value" e impostare il relativo valore al contenuto dell'opzione, come questo:
< valore opzione = "Prima opzione" > prima opzione < / option >
4
Aggiungere l'attributo "selezionato" per un'opzione che si desidera impostare come predefinito. Set "selezionato" a "selezionato" in questo modo:
< valore opzione = "Prima opzione" selezionato = "selected" > prima opzione < / option >
Quando un visitatore viene caricata la pagina, vedranno tale opzione già selezionata nella finestra di selezione.
5
Creare gruppi di opzioni avvolgendo il tag "< option >" con "< optgroup >" tag. Impostare l'attributo di "etichetta" di "< optgroup >" per il nome che si desidera assegnare al gruppo di opzione. Questo nome verrà visualizzato in grassetto nella casella di selezione. I browser trattino opzioni elencate sotto gruppi di opzioni. Ecco un esempio di codice di un gruppo di opzioni:
< optgroup etichetta = "Alcune opzioni" >
< opzione > prima opzione < / option >
< opzione > seconda opzione < / option >
< / optgroup >
Consigli & Avvertenze
- Utilizzare JavaScript per validare il form e invia le informazioni a un'altra pagina Web o il tuo account email.
- Utilizzare CSS per lo stile di tua casella di selezione. È possibile modificare colori, bordi e caratteri. Poiché ogni selezione di stili di browser scatole in modo leggermente diverso, impostare i bordi e i caratteri per ottenere un design che funziona allo stesso modo su tutti i browser.
- Eseguire il backup i file HTML e CSS prima di modificarli.