Open In App

HTML step Attribute

Last Updated : 29 Aug, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

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:  

step


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


Next Article

Similar Reads