Input Range step Property
Example
Change the value of the step attribute:
document.getElementById("myRange").step = "25";
Try it Yourself »
Definition and Usage
The step property sets or returns the value of the step attribute of a slider control.
The step attribute specifies the size of each movement (an increment or jump between values) of the slider control.
The step attribute is used to limit down the amount of allowed values.
Tip: The step attribute can be used together with the max and min attributes to create a range of legal values.
Browser Support
| Property | |||||
|---|---|---|---|---|---|
| step | Yes | 10.0 | Yes | Yes | Yes |
Syntax
Return the step property:
rangeObject.step
Set the step property:
rangeObject.step = number
Property Values
| Value | Description |
|---|---|
| number |
Specifies the size of each movement (an increment or jump between values) of the slider control. Default is "1" |
Technical Details
| Return Value: | A Number, representing the increment between values |
|---|
More Examples
Example
Display the value of the step attribute of a slider control:
var x = document.getElementById("myRange").step;
Try it Yourself »
Related Pages
HTML reference: HTML <input> step attribute
❮ Input Range Object
