HTML Drop Down Box Tutorial

Drop-down bokser tillate deg å ha funksjonene til radioboksene eller sjekk boksene i mindre plass. Radio bokser bare tillate deg å velge en alternativ; avmerkingsbokser kan du velge mer enn ett alternativ. Opsjonene er skjult frem til drop-down boks er klikket på.

HTML Syntax

Syntaksen for en drop-down boks ser slik ut:

<Velg>

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

</ Velge>

Dette vil skape en enkel rullegardinmeny som inneholder navnet på statene. Bare en tilstand vil være i stand til å bli valgt.

Den <velg> tag definerer menyen og kan inneholde navn, størrelse og flere alternativer. Navnet alternativet gir et internt navn slik at skriptet som vil behandle skjemaet kan identifisere den. Størrelsen alternativet definerer antall elementer som skal være synlig. Standard for opsjonsverdien er en synlig element. Den multiple alternativet tillater flere valg, hvis det er inkludert i select-koden.

Den <alternativ> tag definerer verdiene i menyen. Denne taggen to alternativer som kan defineres. Verdien alternativet definerer hva som vil bli sendt til behandling script. For eksempel hvis koden ble definert som:

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

... Verdien "PA" vil bli sendt i stedet for "Pennsylvania". Den "valgt" alternativet definerer den verdien som er valgt som standard.

Opprette en Drop-Down Form

Selv om drop-down bokser er laget i HTML, må verdiene behandles av et manus skrevet i en av skriptspråk som Javascript eller PHP. Følgende eksempel vil skape en form som vil bli behandlet av "grocery.php" script.

<Form action = "grocery.php" method = "post">
<Velg name = "dagligvarebutikk" multiple>

&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>

</ Velge>
<Input type = sende value = "Shop" />
</ Form>

Dette skriptet viser en rullegardinmeny med ordene "Velg dagligvarer" som synlig oppføring. Brukeren kan klikke på flere elementer, som vil bli sendt til skriptet "grocery.php" for behandling når "Shop" knappen trykkes.