HOME C C++ PYTHON JAVA HTML CSS JAVASCRIPT BOOTSTRAP JQUERY REACT PHP SQL AJAX JSON DATA SCIENCE AI

Custom Range

In Bootstrap, you can use the input element with the type="range" attribute to create a range input for selecting values within a specified range.

Example

<label for="customRange" class="form-label">Custom range</label>
<input type="range" class="form-range" id="customRange">                 
 
You can click on above box to edit the code and run again.

Output

Steps

In Bootstrap, you can use the input element with the type="range" attribute to create a range input for selecting values within a specified range.

Example

<input type="range" class="form-range" step="10">               
You can click on above box to edit the code and run again.

Output

Min and Max

By default, the minimum value is 0 and maximum value is 100. You can use the min and/or max attribute change it:

Example

<input type="range" class="form-range" min="0" max="4">                
You can click on above box to edit the code and run again.

Output