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 Dropdown-menuer | HTML-Formularer og Brugerinput
Ultimativ HTML

bookBrug af Select-elementet til Dropdown-menuer

<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

copy

<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. label-attributten bruges til at tildele en titel til gruppen.

index.html

index.html

copy
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 vilkårligt <option>-element.

question mark

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

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 8

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

bookBrug af Select-elementet til Dropdown-menuer

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

copy

<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. label-attributten bruges til at tildele en titel til gruppen.

index.html

index.html

copy
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 vilkårligt <option>-element.

question mark

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

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 5. Kapitel 8
some-alt