HTML <input> Tag with the 'step' Attribute
<form name="myForm" action="/resources/html-forms-action.cfm">
<input type="range" step="10" name="myField">
<button>Submit</button>
</form>
The above example demonstrates usage of the <input>
element with the step
attribute.
The step
attribute can be used to indicate the granularity of the value that the user can choose from. It can be used with the number
and range
types, as well as any of the date/time types.
The above example uses a step
value of 10
. When the user moves the range slider, the value will increase or decrease in steps of 10. The user has no way of specifying a value that doesn't conform to the step value.