The HTML DOM Input Reset autofocus property is associated with the HTML element’s autofocus attribute. This property is used for setting or returning if the reset button should be automatically focused when the page loads or not.SyntaxFollowing is the syntax for −Setting the autofocus property −resetObject.autofocus = true|falseHere, true represents that the reset button should get focus and false represents otherwise. It is set to false by default.ExampleLet us look at an example for the Input Reset autofocus property − Live Demo Reset Autofocus property UserName: Location: Get the reset ... Read More

The HTML DOM Input range value property is associated with the input element having type=”range” and the value attribute. It is used to return the value of slider control value attribute or to set it. The value attribute can be the default value or the value set by dragging the slider.SyntaxFollowing is the syntax for −Setting the value property −rangeObject.value = text;Here, text is used for specifying the value for the range slider control.ExampleLet us look at an example for the input range value property − Live Demo Input range Value property VOLUME Get the above element ... Read More

The HTML DOM Input Range type property is associated with the input element having its type=”range”. It will always return range for the input range element.SyntaxFollowing is the syntax for range type property −rangeObject.typeExampleLet us look at an example for the range type property − Live Demo Input range type Property VOLUME Get the above input element type by clicking the below button GET Type    function rangeType() {       var P=document.getElementById("RANGE1").type;       document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;    } OutputThis will ... Read More

The HTML DOM Input Range stepUp() method is used for incrementing the slider control value by a specified number. If left blank then it will increment by 1.If the step attribute is specified then the stepUp() method will increment in multiple of that. Eg: If step=”20” then stepUp(2) will increment by 20*2=40SyntaxFollowing is the syntax for Range stepUp() method −rangeObject.stepUp(number)Here, number is a mandatory parameter for specifying the the slider control increment value. If left blank it will increment by 1.ExampleLet us look at an example for the range stepUp() method − Live Demo Input range stepUp() method ... Read More

The HTML DOM Input Range stepDown() method is used for decrementing the slider control value by a specified number. If left blank then it will decrement by 1. If the step attribute is specified then the stepdown() method will decrement in multiple of that. Eg: If step=”20” then stepDown(2) will decrement by 20*2=40SyntaxFollowing is the syntax for Range stepDown() method −rangeObject.stepDown(number)Here, number is a mandatory parameter for specifying the slider control decrement value. If left blank it will decrement by 1.ExampleLet us look at an example for the range stepDown() method − Live Demo Input range stepDown() method ... Read More

The HTML DOM Input Range step property is used for setting or returning the slider control step attribute value. It specifies how much the slider will move on each movement. By using the max and min attribute with the step property, we can define a range of legal values.SyntaxFollowing is the syntax for −Setting the step property −rangeObject.step=numberHere, number specifies the slider control movement size. The default value for this is 1.ExampleLet us look at an example for the Input Range step property − Live Demo Input range step Property VOLUME Change the step property value ... Read More

The HTML DOM Input Range object is associated with the element with type “range”. We can create and access an input element with type range using the createElement() and getElementById() method respectively.PropertiesFollowing are the properties for the Input range object −Sr.NoProperty & Description1autocompleteTo set or return the autocomplete attribute value of a range control.2autofocusTo set or return if the range slider control should get focus automatically when the page loads or not3defaultValueTo set or return the range slider control default value.4disabledTo set or return if the slider control has been disabled, or not.5formTo return the reference of the form ... Read More

The HTML DOM Input range name property is used for setting or returning the name attribute of an input range field. The name attribute helps in identifying the form data after it has been submitted to the server. JavaScript can also use the name attribute to refer form elements for manipulating later on.SyntaxFollowing is the syntax for −Setting the name property −rangeObject.name = nameExampleHere, name is for specifying the range slider control name.Let us look at an example for the range name property − Live Demo Input range name Property VOLUME Change the name of the ... Read More

The HTML DOM Input Range min property is used for setting or returning the min attribute value for the range slider control. This attribute is used for indicating the minimum value of the slider control and is often used with min property to create a range of values between which the slider can move.SyntaxFollowing is the syntax for −Setting the Range min property −rangeObject.min = numberHere, number represents minimum slider control value.ExampleLet us look at an example for the Input range min property − Live Demo Range min property VOLUME Get the minimum value for the above ... Read More

The HTML DOM Input Range max property is used for setting or returning the max attribute value for the range slider control. This attribute is used for indicating the maximum value of the slider control and is often used with min property to create a range of values between which the slider can move.SyntaxFollowing is the syntax for −Setting the Range max property −rangeObject.max = numberHere, number represents maximum slider control value.ExampleLet us look at an example for the Input range max property − Live Demo Range max property VOLUME Get the maximum value for the above ... Read More