HTML DOM Input Range Object

Input Range Object

Input Range object is a new HTML5.

Input Range object represents use type = "range" attribute of HTML <input> elements.

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

You can use getElementById () function to access using type = "range" <input> element attributes:

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

Tip: You can also form elements to access the Input Range collection of objects.

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

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

Attributes	description
autocomplete	Sets or returns the slider control autocomplete attribute value
autofocus	Sets or returns whether the slider control to get the focus automatically when the page is loaded
defaultValue	Sets or returns the default value of the slider control
disabled	Whether to set or return the slider controls available
form	Returns a reference to the form using slider control
list	It returns a reference to the slider control datalist
max	Sets or returns the slider control max attribute value
min	Sets or returns the slider control property values min
name	Sets or returns the name attribute value slider control
step	Sets or returns the slider control step property values
type	Return form type of slider control
value	Sets or returns the value slider control property values

Input Range Object also supports standard attributes and events .

HTML Tutorial: HTML Forms

HTML Reference Manual: HTML <the INPUT> tag