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 1. Kapitel 29

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 1. Kapitel 29
some-alt