What is input type range?
The <input type="range"> defines a control for entering a number whose exact value is not important (like a slider control). Default range is 0 to 100. However, you can set restrictions on what numbers are accepted with the attributes below. max - specifies the maximum value allowed.
Can I use input type range?
The range input type lets you ask the user for a value in cases where the user may not even care—or know—what the specific numeric value selected is. A few examples of situations in which range inputs are commonly used: Audio controls such as volume and balance, or filter controls.
How do I set input range?
To style the range input with CSS you'll need to apply styles to two pseudo-elements: ::-webkit-slider-thumb and ::-webkit-slider-runnable-track . Find out how you can apply custom styling and make the range input more functional and appealing. Contents of the article: CSS selectors for the range input.