Phạm vi Bootstrap 5
Phạm vi tùy chỉnh
Để tạo kiểu cho menu phạm vi, hãy thêm lớp .form-range
vào phần tử đầu vào có type="range":
Ví dụ
<label for="customRange" class="form-label">Custom range</label>
<input
type="range" class="form-range" id="customRange">
Hãy tự mình thử »bước
Theo mặc định, khoảng cách giữa các số trong phạm vi là 1. Bạn có thể thay đổi khoảng cách này bằng cách sử dụng thuộc tính step
:
Tối thiểu và Tối đa
Theo mặc định, giá trị tối thiểu là 0 và giá trị tối đa là 100. Bạn có thể sử dụng thuộc tính min
và/hoặc max
để thay đổi nó: