HTML DOM Input Range object

Input Range object

The Input Range object is new to HTML5.

The Input Range object represents an HTML-lt;input> element that uses the type-"range" property.

Note: Internet Explorer 9 and earlier versions of IE do not support HTML and input elements that use the type-"range" property.

You can use the getElementById() function to access the elements of the "range" property that use type:

var x = document.getElementById("myRange"); Give it a try

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

You can use the document.createElement() method to create an element that uses the type-"range" property:

var x = document.createElement("INPUT");
x.setAttribute("type", "range"); Give it a try

Property	Describe
autocomplete	Set or return the autocomplete property value of the slider control
autofocus	Set or return whether the slider control automatically gets focus after the page loads
defaultValue	Set or return the default value for the slider control
disabled	Set or return whether the slider control is available
form	Returns a form reference that uses the slider control
list	Returns a datalist reference that contains the slider control
max	Set or return the max property value of the slider control
min	Set or return the min property value of the slider control
name	Set or return the name property value of the slider control
step	Set or return the step property value of the slider control
type	Returns the form type of the slider control
value	Set or return the value property value of the slider control

Input Range objects also support standard properties and events.

HTML tutorial: HTML forms