बूस्ट्राप 5 रेंज

कस्टम विस्तार

विस्तार सूचीकरण की शैली सेट करने के लिए, इसे लगाएं : .form-range क्लास जोड़ें type="range" के input एलिमेंट में :

कस्टम विस्तार :

उदाहरण

<label for="customRange" class="form-label">कस्टम विस्तार</label>
<input type="range" class="form-range" id="customRange">

अपने आप प्रयास करें

स्टेप

मूलभूत रूप से, विस्तार मूल्यों के बीच की दूरी 1 है।आप स्टेप गुण को बदलते हुए :

उदाहरण

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

अपने आप प्रयास करें

न्यूनतम और अधिकतम मूल्य

मूलभूत रूप से, न्यूनतम मूल्य 0 है, अधिकतम मूल्य 100 है।आप मिन और/या मैक्स गुण को बदलते हुए :

उदाहरण

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

अपने आप प्रयास करें