HTML | <input>max Attribute

Last Updated : 12 Aug, 2022

The HTML|<input> max Attribute is used to specify the maximum value for an input field. It can be used together with the min attribute to create a range of values. It can be used with the many input fields such as number, range, date, datetime, datetime-local, month, time and week. Syntax:

<input max="number|date">

Attribute Values:

number: It contains the value i.e number which specifies the maximum value allowed by the input field.
date: It contains the value i.e date which specifies the maximum date allowed for the <input> date field.

Example:

html

<!DOCTYPE html>
<html>

<body style="text-align:center;">

    <h1 style="color:green;"> 
            GeeksForGeeks 
        </h1>

    <h2> 
    HTML | max Attribute in Input Field 
</h2>
    <form id="myGeeks">
        <input type="number" 
               id="myNumber"
               step="5" 
               name="geeks" 
               placeholder="multiples of 5" 
               max="100">
    </form>
    <br>
    <br>
    <p style="font-size:20px;">
        The maximum value for an input
        field is 100.
    </p>
</body>

</html>