HTML Drop Down Box Tutorial

November 13

caselle a discesa consentono di avere le funzioni di scatole radiofoniche e caselle di controllo nello spazio più piccolo. caselle consentono solo di scegliere una opzione; caselle di controllo consentono di scegliere più di una opzione. Le opzioni sono nascoste fino a quando la casella a discesa si fa clic su.

La sintassi HTML

La sintassi per una casella a discesa appare come segue:

<Select>

&lt;option>Pennsylvania&lt;/option>
&lt;option>New York&lt;/option>
&lt;option>New Jersey&lt;/option>
&lt;option>Maine&lt;/option>

</ Select>

Questo creerà un semplice menu a tendina contenente il nome degli stati. Solo uno stato potrà essere scelto.

Il tag <select> definisce il menu e può includere il nome, le dimensioni e le opzioni multiple. L'opzione nome fornisce un nome interno in modo che lo script che elaborerà il modulo può identificarlo. L'opzione dimensione definisce il numero di elementi che dovrebbero essere visibili. Il valore predefinito per il valore dell'opzione è un elemento visibile. L'opzione multipla permette la selezione multipla, se è incluso nel tag di selezione.

Il tag <option> definisce i valori nel menu. Questo tag due opzioni che consentono definite. L'opzione value definisce cosa verrà inviato allo script di elaborazione. Ad esempio se il tag è stata definita come:

<Option value = "PA"> Pennsylvania </ option>

... Il valore "PA" sarebbe stata inviata al posto di "Pennsylvania". L'opzione "selezionato" definisce il valore che viene selezionata per impostazione predefinita.

Creazione di un modulo elenco a discesa

Sebbene caselle a discesa vengono creati in HTML, i valori devono essere elaborati da uno script scritto in uno dei linguaggi di scripting come JavaScript o PHP. L'esempio seguente crea un modulo che verrà elaborato dallo script "grocery.php".

<Form action = metodo "grocery.php" = "post">
<Select name = multipla "alimentari">

&lt;option>Choose your Groceries&lt;/option>
&lt;option>bread &lt;/option>
&lt;option>milk &lt;/option>
&lt;option>cake&lt;/option>
&lt;option>chicken breast&lt;/option>
&lt;option>roast beef&lt;/option>

</ Select>
<Input type = submit value = "Shop" />
</ Form>

Questo script visualizza un menu a discesa con le parole "scegliere la vostra spesa", come la voce visibile. L'utente può fare clic su più elementi, che saranno inviati al "grocery.php" script per l'elaborazione quando si preme il pulsante "Shop".