Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Bruk av select-elementet for nedtrekksmenyer | HTML-Skjemaer og Brukerinput
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookBruk av select-elementet for nedtrekksmenyer

<select>-elementet brukes til å lage en nedtrekksliste med alternativer som brukeren kan velge fra. Det brukes vanligvis i skjemaer der brukeren må velge fra et forhåndsdefinert sett med alternativer. Det brukes alltid sammen med <option>-elementer. <option>-elementene definerer de individuelle elementene i nedtrekkslisten.

index.html

index.html

copy

<select>-elementet har også flere attributter som kan brukes til å endre oppførselen, inkludert:

  • name: navnet på select-elementet, brukes ved innsending av skjemaet;
  • size: antall synlige alternativer i nedtrekkslisten;
  • multiple: hvis til stede, lar brukeren velge flere alternativer;
  • disabled: hvis til stede, deaktiverer select-elementet.

For å dele en liste inn i separate, ikke-relaterte grupper, kan du bruke <optgroup>-taggen. Attributtet label brukes for å tildele en tittel til gruppen.

index.html

index.html

copy
Note
Merk

Som standard er det første <option>-elementet valgt i listen. Hvis du ønsker å endre dette, kan du legge til attributtet selected på et hvilket som helst <option>-element.

question mark

Hva er hovedfunksjonen til <select>-elementet i HTML?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 8

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

bookBruk av select-elementet for nedtrekksmenyer

Sveip for å vise menyen

<select>-elementet brukes til å lage en nedtrekksliste med alternativer som brukeren kan velge fra. Det brukes vanligvis i skjemaer der brukeren må velge fra et forhåndsdefinert sett med alternativer. Det brukes alltid sammen med <option>-elementer. <option>-elementene definerer de individuelle elementene i nedtrekkslisten.

index.html

index.html

copy

<select>-elementet har også flere attributter som kan brukes til å endre oppførselen, inkludert:

  • name: navnet på select-elementet, brukes ved innsending av skjemaet;
  • size: antall synlige alternativer i nedtrekkslisten;
  • multiple: hvis til stede, lar brukeren velge flere alternativer;
  • disabled: hvis til stede, deaktiverer select-elementet.

For å dele en liste inn i separate, ikke-relaterte grupper, kan du bruke <optgroup>-taggen. Attributtet label brukes for å tildele en tittel til gruppen.

index.html

index.html

copy
Note
Merk

Som standard er det første <option>-elementet valgt i listen. Hvis du ønsker å endre dette, kan du legge til attributtet selected på et hvilket som helst <option>-element.

question mark

Hva er hovedfunksjonen til <select>-elementet i HTML?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 5. Kapittel 8
some-alt