Select Menu Bootstrap 5

ເລືອກອອກຕາມເຄື່ອງ

ເລືອກອອກຕາມເຄື່ອງ(ເລືອກຫຼຽນໜຶ່ງ):

ເລືອກອອກຕາມເຄື່ອງພະຍາຍາມ(ກຳລັງການຄັດແຄວງວັດສະວະກຳຫຼືການດາວນິວຂະໜາດມັນເຈົ້າສາມາດເລືອກຫຼາຍເຄື່ອງ):

ຖ້າເຈົ້າຕ້ອງການອະນຸຍາດໃຫ້ຜູ້ນຳໃຊ້ເລືອກຈາກຫລາຍຕົວເລືອກ, ການເລືອກຕາມສາມາດນຳໃຊ້.

ສຳລັບການຕັ້ງມົນມວຍລາຍການເລືອກຕາມໃນ Bootstrap 5, ການໃຊ້: .form-select ການເພີ່ມປະສົມປະກອບໃຫ້ສັບສົນ select:

ຕົວຢ່າງ

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

ທ້າທາຍດຽວໂດຍຕົນເອງ

ຂະໜາດຕາມເລືອກຕາມ

ການໃຊ້ .form-select-lg ຫລື .form-select-sm ພາສາເພື່ອປ່ຽນຂະໜາດຕາມເລືອກຕາມ:

ຕົວຢ່າງ

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

ທ້າທາຍດຽວໂດຍຕົນເອງ

ປິດການເລືອກຕາມ

ການໃຊ້ disabled ການປິດການເລືອກຕາມໂດຍປະສົມປະກອບ:

ຕົວຢ່າງ

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

ທ້າທາຍດຽວໂດຍຕົນເອງ

ລາຍການຂໍ້ມູນ

Bootstrap ສາມາດການຕັ້ງມົນມວຍລາຍການຂໍ້ມູນ ເຊິ່ງເປັນລາຍການຕົວເລືອກທີ່ກໍານົດກ່ອນສຳລັບ ສັບສົນ input:

ການເລືອກຕາມລາຍການ:

ຕົວຢ່າງ

<label for="browser" class="form-label">ການເລືອກຕາມລາຍການ:</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>

ທ້າທາຍດຽວໂດຍຕົນເອງ