What is the range input type used for?

#1

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.

Here is an example:
<input type=“range” name=“points” min=“0” max=“10”>

#2

Let’s say you wanted to ask a satisfaction rating question. I.e.

“How satisfied or dissatisfied with the service you received at your last visit?”

 <form>
    <label for="slider-scale"> How satisfied or dissatisfied with the service you received at your last visit?</label>
    <input type=“range” name=“slider-scale” min=“0” max=“10”>
 </form>