HTML tutorial

Slider, range

The <input> element with type="range" allows select number from specified range. This is typically represented using a slider or dial control. The left/right arrow keys can be used to change value.

code result 
0<input type="range" 
id="timeUsed" name="timeUsed" 
min="0" max="100" 
step="10"
title="50" value="50"
onchange="this.title = this.value"
>100
 0100

attributes

atribute description
id, name Name of element.
value The value is never an empty string. The default value is halfway between the specified minimum and maximum. Negative numbers and floating point numbers are allowed.
min, max Defines range of value. Default range is [0; 100].
step The stepping interval.
list The id of the <datalist> element that contains optional pre-defined values.