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
Ultimate HTML

Bruk 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

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

  • name: navnet på select-elementet, brukt 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

Note
Merk

Som standard er det første <option>-elementet valgt i listen. Hvis du vil 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?

Velg det helt riktige svaret

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 29

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

Seksjon 1. Kapittel 29
some-alt