<input> - range

HTML DOM Input Range object

The Input Range object is new to HTML5.

An Input Range object represents an HTML <input> element using the type="range" attribute.

Note: Internet Explorer 9 and earlier versions of IE do not support HTML <input> elements with the type="range" attribute.

You can use the getElementById() function to access <input> elements with the type="range" attribute:

var x = document.getElementById("myRange");

Tip: You can also access the Input Range object through the form's elements collection.

You can use the document.createElement() method to create <input> elements with the type="range" attribute:

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

Attribute	Description
autocomplete	Sets or returns the value of the autocomplete property of the slider control
autofocus	Sets or returns whether the slider control automatically gets focus after page load
defaultValue	Sets or returns the default value of the slider control
disabled	Sets or returns whether the slider control is available
form	Returns a reference to the form that uses the slider control
list	Returns a reference to the datalist containing the slider control
max	Sets or returns the max property value of the slider control
min	Sets or returns the value of the slider control's min property
name	Sets or returns the value of the slider control's name property
step	Sets or returns the value of the step property of the slider control
type	Returns the form type of the slider control
value	Sets or returns the value of the slider control's value property

Input Range objects also support standard properties and events .

HTML Tutorial: HTML Forms

HTML Reference Manual: HTML <input> Tag

HTML Reference Manual: HTML <input> type attribute