Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Brug af select-elementet til rullemenuer | HTML-Formularer og Brugerinput
Ultimativ HTML

Brug af select-elementet til rullemenuer

Stryg for at vise menuen

<select>-elementet bruges til at oprette en dropdown-liste med valgmuligheder, som brugeren kan vælge imellem. Det anvendes typisk i formularer, hvor brugeren skal vælge fra et foruddefineret sæt af muligheder. Det bruges altid sammen med <option>-elementer. <option>-elementerne definerer de enkelte elementer i dropdown-listen.

index.html

index.html

<select>-elementet har også flere attributter, der kan bruges til at ændre dets opførsel, herunder:

  • name: navnet på select-elementet, bruges ved indsendelse af formularen;
  • size: antallet af synlige muligheder i dropdown-listen;
  • multiple: hvis til stede, tillader brugeren at vælge flere muligheder;
  • disabled: hvis til stede, deaktiveres select-elementet.

For at opdele en liste i separate, ikke-relaterede grupper, kan du bruge <optgroup>-tagget. Attributten label bruges til at tildele en titel til gruppen.

index.html

index.html

Note
Bemærk

Som standard vælges den første <option> i listen. Hvis du vil ændre dette, kan du tilføje attributten selected til et hvilket som helst <option>-element.

question mark

Hvad er hovedfunktionen for <select>-elementet i HTML?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 29

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 1. Kapitel 29
some-alt