step

Summary

Specify the increment for input with types number, time, or range

Applies to	[HTMLInputElement](/html/elements/input)

When `input type="range"`, `input type="date"`, or `input type="number"` is specified, the default increment from `min` to `max` is 1. Override this default with a value in `step`.

Examples

A slider with a range from 1-12 that increments by 3.

<input type="range" min="1" max="24" step="3" />

A form input for a number between 0 and 15 that increments by 3.

<input type="number" min="0" max="15" step="3" />​​​​​​​​​​​​​​​​​​​​

View live example

Restricting time input to half-hours.

<input type="time"  step="1800" />

View live example

Usage

 * when used for input type="time", value must be in seconds

Notes

Remarks

The following example shows the use of the min, max, and step attributes.

Syntax

Standards information

• HTML5 A vocabulary and associated APIs for HTML and XHTML, Section 4.10.7.3.11

See also

Related articles

HTML

• user-modify

• textLength

• value

• accept

• action

• alt

• autocomplete

• autofocus

• checked

• crossorigin

• form

• formEnctype

• height

• list

• max (HTMLInputElement)

• maxLength

• min

• multiple

• readonly

• size

• standby

• step

• HTML Elements

• !DOCTYPE

• !DOCTYPE

• acronym

• b

• b

• br

• br

• button

• button

• caption

• cite

• code

• col

• colgroup

• datalist

• del

• dfn

• div

• em

• EMBED

• fieldset

• font

• footer

• head

• hn

• hr

• html

• i

• img

• input

• ins

• kbd

• legend

• mark

• option

• p

• samp

• script

• span

• strong

• table

• tbody

• td

• tfoot

• th

• time

External resources

• http://dev.opera.com/articles/view/new-form-features-in-html5/#input-datetime
• http://www.quirksmode.org/html5/inputs.html

Related pages

• HTMLInputElementHTMLInputElement
• input type=numberinput type=number
• input type=rangeinput type=range

Attributions

• Mozilla Developer Network : Article

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]

• This content was originally published on DevOpera, Opera's Developer Network. .