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