HTML <select> etiket

Definition og brug

<select> Elementet bruges til at oprette en rullemenu.

<select> Elementet bruges ofte i formulærer til at indsamle brugerinput.

Efter at have indsendt formularen skal name-egenskaben bruges til at referere til formulardata (hvis name-egenskaben udelades, vil dataene i rullemenuen ikke blive indsendt).

<select> Indeholder <option>-etiketten Definer de tilgængelige valg i rullemenuen.

Brug id-egenskaben til at associere rullemenuen med etiketten (label).

Tip:Føj altid <label>-etiketten for at få de bedste tilgængelighedstraditioner!

Se også:

HTML DOM referencehåndbog:Select-objekt

CSS-tutorial:Indstil formulærstilen

Eksempel

Eksempel 1

Opret en rullemenu med fire valg:

<label for="cars">Vælg en bilmærke:</label>
<select name="cars" id="cars">
  <option value="audi">Audi</option>
  <option value="byd">BYD</option>
  <option value="geely">Geely</option>
  <option value="volvo">Volvo</option>
</select>

Prøv det selv

Eksempel 1

Eksempel 2 <select> Brug sammen med <optgroup>-etiketten:

<label for="cars">Vælg en bilmærke:</label>
<select name="cars" id="cars">
  <optgroup label="Kinesiske biler">
    <option value="byd">BYD</option>
    <option value="geely">Geely</option>
  </optgroup>
  <optgroup label="Tyske biler">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
autofocus autofocus Det skal automatisk få fokus, når siden indlæses.
disabled disabled Det skal forbydes at bruge rullemenuen.
form Formular id Definerer, hvilket formulær rullemenuen tilhører.
multiple multiple Kan flere valg vælges på én gang.
navn navn Definerer navnet på rullemenuen.
required required Angiver, at brugeren skal vælge en værdi, før formularen sendes.
size Tal Definerer antallet af synlige valg i en rullemenu.

Globale egenskaber

<select> Etiketten understøtter også Globale egenskaber i HTML.

Begivenhedsegenskaber

<select> Etiketten understøtter også Begivenhedsegenskaber i HTML.

Standard CSS indstilling

Intet.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support