Quando si progetta una pagina web o un intero sito in HTML, potrebbe essere necessario una scatola di goccia HTML. Se non sei già familiarità con queste scatole, sono quei campi poco nifty (spesso trovati nei form HTML) che consentono di selezionare un elemento da un elenco facendo clic su una freccia, quindi scorrendo verso il basso per trovare l'opzione desiderata nell'elenco che scende sotto quella freccia. Se si utilizza un editor HTML o codifica a mano, creazione di un elemento HTML drop box è semplice.
Istruzioni
1
Creare un modulo HTML per casa vostra scatola di goccia HTML. All'interno di un form HTML, è possibile utilizzare una casella di riepilogo HTML per tutto da consentendo all'utente di indicare preferenze nell'invio di email modulo per la creazione di un redirect automatico in base all'opzione nell'elenco selezionato dall'utente.
2
Se si utilizza un editor HTML, o se si è mano-codifica HTML, scegliere un tag "Select". Digitare quanto segue:
< select >
< opzione >< / option >
< / selezionare >
3
Utilizzando il tag "Opzione" entro il tag "Select". Aggiungere tutti gli elementi che hai bisogno di apparire nell'elenco per la tua casella di goccia. Aggiungere un valore per ogni elemento nell'elenco, quindi lo script di modulo sarà in grado di interpretare la selezione dell'utente. È possibile aggiungere come molti tag "Option" come avete bisogno. Dopo aver completato questo passaggio, il tuo tag HTML dovrebbe essere simile a questo:
< select >
< valore opzione = "Val1" > opzione 1 < / option >
< valore opzione = "opzione2" > opzione 2 < / option >
< valore opzione = "option3" > opzione 3 < / option >
< / selezionare >
Testo digitato tra i tag di apertura e di chiusura "Opzione" sarà ciò che appare nella casella destinazione. L'attributo value è per uso da parte vostra forma di script.
4
Dare il tuo tag "Select" un attributo name, soprattutto se si potranno di utilizzare più caselle di caduta all'interno di una forma. Lo script di modulo può richiedere il tag "Select" per avere un attributo name. Il tag di apertura "Select" dovrebbe essere simile a questo:
< select nome = "My Box selezionare" >
5
Impostare un attributo size nel tag "Selezionare" Se si desidera più di un elemento sia visibile nell'elenco quando l'utente carica la pagina. Ad esempio, per visualizzare tre elementi nella pagina, è possibile modificare il tag "Selezionare" come questo:
< select nome = "My Box selezionare" size = "3" >
6
Completare qualsiasi programmazione tweaks per lo script che si intende utilizzare con il modulo e aggiungere i riferimenti appropriati nel file HTML. I requisiti esatti variano in base su che cosa si intende fare con il vostro modulo. Ma se si utilizza JavaScript per causare un reindirizzamento pagina con la vostra scatola di goccia, potrebbe essere necessario aggiungere un attributo onchange al tag "Select" che punti al percorso dello script. Inoltre, lo script sarà necessario contenere istruzioni che dice quale pagina per reindirizzare a per ogni opzione nella finestra di goccia.
Consigli & Avvertenze
- Se si desidera che uno degli elementi presenti nell'elenco per essere preselezionato quando l'utente carica la pagina, aggiungere questo nel tag "Opzione" per quell'elemento: selezionato = "selected"
- Per consentire all'utente di selezionare più di un elemento nell'elenco, ad esempio invio di un form, aggiungere il codice seguente nel tag "Select": più = "multiple"
- È sempre una buona idea per testare pagine web in più browser per assicurarsi che siano compatibili con diverse piattaforme.