HTML Alternativer for Select Tag

HTML Alternativer for Select Tag


HTML <velg> -taggen brukes til å lage en rullegardinliste som en del av et skjema. Hvert element er satt ved hjelp av <option> tags nestet innenfor åpningen <velg> og lukking </ velge> koder for å lage listen. Valglisten er ofte innlemmet i et HTML-skjema som en del av å samle brukerundersøkelser. Den velger har valgfrie attributter som kan settes til å endre dette elementet utseende og oppførsel.

Den Valgfritt "Size" Egenskap

Inkludert "størrelse" attributt i <velg> betegner antall <alternativ> elementer brukeren ser i rulleboksen. Uten størrelsen attributt, det <velg> utseende og oppfører seg som en rullegardinliste, men når størrelsen attributt er inkludert, blir det en rulleliste boks.

Størrelsen attributt er lagt til <velg> som i følgende kode:

<Velger size = 4>

<Alternativ> Element One </ option>

<Alternativ> Element To </ option>

<Alternativ> Element Tre </ option>

<Alternativ> Element Four </ option>

</ Velge>

Den Valgfritt "Multiple" Egenskap

Den "flere" egenskap av <select> lar brukeren velge mer enn ett element i listen. Hvis du vil velge mer enn ett element fra listen, må "CTRL" kontrollknappen for å være deprimert samtidig med museklikk. Dersom flere attributtet ikke er inkludert, kan bare ett element velges fra listen.

Den multiple attributt er lagt til <velg> som i følgende kode:

<Velge flere>

<Alternativ> Element One </ option>

<Alternativ> Element To </ option>

<Alternativ> Element Tre </ option>

<Alternativ> Element Four </ option>

</ Velge>

Legge til flere attributtet endrer utseendet på <select> liste fra en drop-down for å bla i boks.

Den Valgfritt "Deaktivert" Egenskap

Legge til "disabled" attributten til <velg> gjør listen synlig for brukeren, men utilgjengelig for bruk. Funksjonshemmede attributt for <velg> følger W3C-konvensjonen for funksjonshemmede kontroller og vil ikke passere verdien elementets til serveren for behandling når du sender inn skjemaet.

Funksjonshemmede attributt er lagt til <velg> som i følgende kode:

<Velg deaktivert>

<Alternativ> Element One </ option>

<Alternativ> Element To </ option>

<Alternativ> Element Tre </ option>

<Alternativ> Element Four </ option>

</ Velge>

Den Valgfritt "Tabidex" Egenskap

Legge til en ekstra "tabindex" attributt til <velg> dikterer tabbing rekkefølgen av <select> element som brukeren faner gjennom dokumentet med "tab" -tasten.

Den tabindex attributt er lagt til <velg> som i følgende kode:

<Velg tabindex = 2>

<Alternativ> Element One </ option>

<Alternativ> Element To </ option>

<Alternativ> Element Tre </ option>

<Alternativ> Element Four </ option>

</ Velge>