<input type="range">

Example

Usage

<input type="range" id="range" min="0" max="11" />

Description

The range type presents a less precise way of entering a number. This is ideal for interfaces where the ease of entering outweighs the need for a specific value, such as a volume slider.

min and max attributes denote the lower and upper bounds for the value. Any value provided outside of these bounds will be clipped.