Bootstrap 5 valgmenu

Vælg menu

Vælg menu (vælg et punkt):

Kontrolleret menu (hold Ctrl eller Shift (eller brug musemarkør til at vælge flere):

Hvis du ønsker at tillade brugerne at vælge flere valgmuligheder, skal du bruge en valgmenu.

Hvis du ønsker at tillade brugerne at vælge flere valgmuligheder, skal du bruge en valgmenu. .form-select Tilføj klassen til <select>-elementet:

Eksempel

<select class="form-select">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>

Prøv det selv

Størrelsen på valgmenuen

Brug .form-select-lg eller .form-select-sm Klasser til at ændre størrelsen på valgmenuen:

Eksempel

<select class="form-select form-select-lg">
<select class="form-select">
<select class="form-select form-select-sm">

Prøv det selv

Deaktivér valgmenuen

Brug disabled Egenskab for at deaktivere valgmenuen:

Eksempel

<select class="form-select" disabled>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>

Prøv det selv

Data liste

Bootstrap kan også indstille stilen for datalister, som er en foruddefineret liste af valgmuligheder for <input>-elementet:

Vælg din browser fra listen:

Eksempel

<label for="browser" class="form-label">Vælg din browser fra listen:</label>
<input class="form-control" list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Prøv det selv