Hvordan lage en nedslagsliste for HTML5 og CSS3-basert web Sider - dummies

Nedtrekkslisten er et favorittvalg av HTML5 og CSS3 webutviklere. Nedtrekkslisten har noen svært nyttige elementer som gjør det til et stort nett som utvikler mengde pleaser:

• Det sparer skjermplass. Bare det gjeldende valget vises. Når brukeren klikker på listen, faller en rekke valg ned og forsvinner igjen etter at valget er gjort.

• Det begrenser innspillet. De eneste tingene brukeren kan velge, er ting du har lagt inn på listen. Dette gjør det mye enklere å håndtere potensielle innganger fordi du ikke trenger å bekymre deg for skrivefeil.

• Verdien kan være forskjellig fra hva brukeren ser. Dette virker som en merkelig fordel, men det viser seg å være svært nyttig noen ganger.

  

Koden for denne enkle rullegardinlisten følger:

basicSelect. html
Hva er din favorittfarge? Rød Grønn Blå Cyan Magenta Gul Svart Hvit

Objektet er litt forskjellig fra noen av de andre inngangselementene du er vant til, for eksempel

• Den er omgitt av apair. Disse kodene angir hele listen.

• Theobject har anattribute. Selv om objektet har mange andre tagger inne, har det typisk bare objektet selv som har et attributt.

• Den inneholder en serie paraplyer. Hvert enkelt utvalg er plassert i et sett.

• Eachtag har en verdi knyttet til den. Verdien brukes av kode. Verdien er ikke nødvendigvis hva brukeren ser.

• Innholdet mellomliggende er synlig for brukeren. Innholdet er hva brukeren faktisk ser.

Velg bokser krever ikke rullegardinmenyen. Hvis du vil, kan du angi antall rader som skal vises med attributtet. I dette tilfellet vil antall rader du spesifiserer alltid være synlig på skjermen.