Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Använda select-elementet för rullgardinsmenyer | HTML-Formulär och Användarinmatning
Ultimate HTML

Använda select-elementet för rullgardinsmenyer

Svep för att visa menyn

Elementet <select> används för att skapa en rullgardinslista med alternativ som användaren kan välja mellan. Det används vanligtvis i formulär där användaren behöver välja från en fördefinierad uppsättning alternativ. Det används alltid tillsammans med <option>-element. <option>-elementen definierar de enskilda alternativen i rullgardinslistan.

index.html

index.html

Elementet <select> har också flera attribut som kan användas för att ändra dess beteende, inklusive:

  • name: namnet på select-elementet, används vid formulärinlämning;
  • size: antalet synliga alternativ i rullgardinslistan;
  • multiple: om detta finns, kan användaren välja flera alternativ;
  • disabled: om detta finns, inaktiveras select-elementet.

För att dela upp en lista i separata, orelaterade grupper kan du använda taggen <optgroup>. Attributet label används för att ge gruppen en titel.

index.html

index.html

Note
Observera

Som standard väljs det första <option>-elementet i listan. Om du vill ändra detta kan du lägga till attributet selected på valfritt <option>-element.

question mark

Vad är huvudfunktionen för <select>-elementet i HTML?

Vänligen välj det korrekta svaret

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 8

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 5. Kapitel 8
some-alt