Open In App

HTML | <input>max Attribute

Improve
Improve
Like Article
Like
Save
Share
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

Last Updated : 12 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads