Bootstrap 5 ການສັບສະລັບການຄັດເລືອກຄຳຄວາມ/ການຄັດເລືອກຄຳຄວາມ

ການຄຳຄົ້ນ

ຖ້າທ່ານຕ້ອງການອະນຸຍາດໃຫ້ຜູ້ນຳໃຊ້ເລືອກຫຼາຍຕົວເລື່ອງຈາກລາຍການຕົວເລື່ອງທີ່ກໍານົດໄວ້

ຕົວຢ່າງ

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something" checked>
  <label class="form-check-label">ຕົວເລື່ອງ 1</label>
</div>

ສວດການດຽວວຽນ

ການອະທິບາຍຄວາມຄິດ

ສຳລັບການການຈັດວິດີຂອງການຄຳຄົ້ນ class="form-check" ປະເພດກັບປະເພດການປິດລະບຽບເພື່ອຮັບປະກັນວ່າຕົວອີກກັບປະເພດການຄຳຄົ້ນມີຂອບເຂດທີ່ບໍ່ພຽງພໍ.

ຫຼັງຈາກນັ້ນ .form-check-label ການເພີ່ມປະເພດນອກໃຫ້ປະກອບສັນຍາລັກສະນະ .form-check-input ການເພີ່ມ .form-check 容器内，以正确设置复选框的样式。

ຖ້າທ່ານຕ້ອງການແປງປະເພດຄູ່ມຕິດຕາມເປັນຄວາມກຳນົດແບບມາດຕະການຄູ່ມຕິດຕາມ ທ່ານຄວນ checked ປະເພດ.

ການເລືອກຢູ່

ຖ້າທ່ານຕ້ອງການຈຳກັດຜູ້ນຳໃຊ້ພຽງແຕ່ທາງການເລືອກຕົວຢ່າງທີ່ກຳນົດກ່ອນ ທ່ານຄວນ

ຕົວຢ່າງ

<div class="form-check">
  <input type="radio" class="form-check-input" id="radio1" name="optradio" value="option1" checked>ຕົວຢ່າງ 1
  <label class="form-check-label" for="radio1"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" id="radio2" name="optradio" value="option2">ຕົວຢ່າງ 2
  <label class="form-check-label" for="radio2"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" disabled>ຕົວຢ່າງ 3
  <label class="form-check-label"></label>
</div>

ສວດການດຽວວຽນ

ປ້ອງກັນຄະດີ

ຖ້າທ່ານຕ້ອງການແປງສະພາບປະເພດຄູ່ມຕິດຕາມປະເພດການເລືອກຢູ່ຂອງຄູ່ມຕິດຕາມ ທ່ານຄວນ .form-switch ປະເພດກັບ .form-check ນຳໃຊ້ອຸປະກອນຕົວເກາະນຳມານຳໃຊ້:

ຕົວຢ່າງ

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="mySwitch" name="darkmode" value="yes" checked>
  <label class="form-check-label" for="mySwitch">ການແປງສະພາບສັບສົນ</label>
</div>

ສວດການດຽວວຽນ