Bootstrap 5 Range

ການດັດແປງຄວາມສຸດທ້າຍ

ສຳລັບການຈັດຕັ້ງຮູບແບບຂອງຄູ່ມືການດັດແປງ, ທ່ານສາມາດເພີ່ມ: .form-range ການເພີ່ມປະເພດໃນ input ທີ່ type="range":

ການດັດແປງຄວາມສຸດທ້າຍ:

ຕົວຢ່າງ

<label for="customRange" class="form-label">ການດັດແປງຄວາມສຸດທ້າຍ</label>
<input type="range" class="form-range" id="customRange">

ທ້າທາຍຕົວເອງ

ການດັດແປງຄວາມຄັນ

ໂດຍການລະບຸຄືນຄືນ, ຄວາມຄັນຂອງການດັດແປງລະຫວ່າງຄວາມສຸດທ້າຍຈະແມ່ນ 1. ທ່ານສາມາດນຳໃຊ້: step ປ່ຽນປັນດັງຂອງການດັດແປງ:

ຕົວຢ່າງ

<input type="range" class="form-range" step="10">

ທ້າທາຍຕົວເອງ

ຄວາມສຸດທ້າຍ ແລະ ຄວາມສຸດທ້າຍ

ໂດຍການລະບຸຄືນຄືນ, ຄວາມສຸດທ້າຍຂອງການດັດແປງແມ່ນ 0, ຄວາມສຸດທ້າຍຂອງການດັດແປງແມ່ນ 100. ທ່ານສາມາດນຳໃຊ້: min ແລະ/ຫຼື max ປ່ຽນປັນດັງຂອງການດັດແປງ:

ຕົວຢ່າງ

<input type="range" class="form-range" min="0" max="4">

ທ້າທາຍຕົວເອງ