Tutorials References Menu

HTML <input type="range">

❮ HTML <input> type attribute

Example

Define a range control (like a slider control):

<label for="points">Points (between 0 and 10):</label>
<input type="range" id="points" name="points" min="0" max="10">
Try it Yourself »

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.

  • max - specifies the maximum value allowed
  • min - specifies the minimum value allowed
  • step - specifies the legal number intervals
  • value - Specifies the default value

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


Browser Support

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

Attribute
type="range" 4.0 10.0 23.0 3.1 10.1

Syntax

<input type="range">

❮ HTML <input> type attribute