Bootstrap 5 Dropdown Menu

Pili ng menu

Pili ng menu (piliin ang isang item):

Pili ng menu (pindutin ang Ctrl o Shift [o gamitin ang mouse drag) upang piliin ang ilang mga item):

Kung gusto mong payagan ang mga user na makapili ng maraming opsyon, gamitin ang selection menu.

Kung gusto mong payagan ang mga user na makapili ng maraming opsyon, gamitin ang selection menu. .form-select Magdagdag ng klase sa elemento <select>:

Halimbawa

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

Subukan Mismo

Laki ng Selection Menu

Gamitin ang .form-select-lg o .form-select-sm Magpalit ng laki ng selection menu sa pamamagitan ng klase:

Halimbawa

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

Subukan Mismo

Disable Selection Menu

Gamitin ang disabled Ating gamitin ang attribute na disable sa selection menu:

Halimbawa

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

Subukan Mismo

Data List

Maaaring itakda ng Bootstrap ang estilo ng data list, na ito ay predefinidong listahan ng opsyon ng elemento <input>:

Pumili ng iyong browser mula sa listahan:

Halimbawa

<label for="browser" class="form-label">Pumili ng iyong browser mula sa listahan:</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>

Subukan Mismo