Open In App

HTML | <input>max Attribute

Last Updated : 12 Aug, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

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>

Output:

  

Supported Browsers: The browser supported by HTML | <input>max Attribute are listed below:

  • Google Chrome 4.0 and above
  • Edge 12.0 and above
  • Internet Explorer 10.0 and above
  • Firefox 16.0 and above
  • Opera 12.1 and above
  • Safari 5.0 and above

Next Article

Similar Reads