Video: Hvite kakemenn og kakedamer - oppskrift på hvordan du lager det | TINE Kjøkken 2024
Drop-down lister i skjemaer på nettstedet ditt er en fin måte å gi brukerne mange alternativer i en liten mengde skjermrom. Du bruker to HTML-koder for å lage en rullegardinliste:
-
lager listen.
Bruk et navnattributt med elementet for å navngi listen.
-
En samling av elementer identifiserer individuelle listealternativer.
Verdivurderingen tilordner en unik verdi for hvert element.
Her er et oppsummeringseksempel for en rullegardinliste:
Hva er din favorittmat?
Pizza iskrem Grønne egg og skinke
Nettleseren gjør denne merkingen til en rullegardinliste med tre elementer, som vist på figuren.
Du kan også aktivere brukere å velge mer enn ett element fra en rullegardinliste ved å endre standardinnstillingene på listen din:
-
Hvis du vil at brukerne skal kunne velge mer enn ett alternativ (ved å holde nede Ctrl [Windows] eller Command [Mac] -tasten mens du klikker på alternativer i listen), legg til flere attributter til taggen. Verdien av flere er flere.
Hvis du gir en selvstendig attributt en verdi, må verdien være den samme som navnet på egenskapen selv (det vil si både flere og flere = "flere" er lovlige).
-
Som standard viser nettleseren bare ett alternativ til brukeren klikker på rullegardinmenyen for å vise resten av listen. Bruk størrelsesattributtet med taggen for å angi hvor mange alternativer som skal vises.
Hvis du angir færre enn det totale antallet alternativer, inneholder nettleseren en rullefelt med rullegardinlisten.
Du kan angi at et av alternativene i rullegardinlisten allerede er valgt når nettleseren laster siden, akkurat som du kan angi en avkrysningsboks eller radioknapp som skal velges. Bare legg til det valgte attributtet for taggen du vil ha som standard. Bruk dette når ett valg er svært sannsynlig, og vite at brukere kan overstyre standardvalget raskt og enkelt.