HTML step Attribute

The step attribute in HTML is used to set the discrete step size of the <input> element. The default stepping value for number inputs is 1.
Usage: It works with the following input types: number, range, date, datetime-local, month, time and week.
Syntax:

<input step = "value">

Attribute Values: It contains a value i.e number which specifies the legal number interval for the number field. It has a default value which is 1.

Example: In this example we demonstrate the step attribute in an <input> field, allowing only multiples of 5 as input values. It features centered headings and content styled with green color.

html

<!DOCTYPE html>
<html>

<head>
    <title>HTML step Attribute</title>
    <style>
        h1,
        h2 {
            text-align: center;
        }
    </style>
</head>

<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>

        <h2>
            HTML step Attribute
        </h2>

        <input type="number" 
               name="points" 
               step="5" 
               placeholder="multiples of 5">
    </center>
</body>

</html>

Output:

Supported Browsers: The browser supported by step attribute are listed below:

Explore