How to add HTML <input type="range">

Define a range control (like a slider control).

Definition and Usage

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.

Tip: Always add the <label> tag for best accessibility practices!

The numbers in the table specify the first browser version that fully supports the element.

Example: HTML

<input type="range" id="points" name="points" min="0" max="10">