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" 
title="50" value="50"
onchange="this.title = this.value"


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.