HTML max Attribute
Definition and Usage
The max attribute specifies the maximum value of the element.
When used by the <progress> element, the max attribute specifies how much work the task requires in total.
Applies to
The max attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <input> | max |
| <meter> | max |
| <progress> | max |
Examples
Input Example
Use of the min and max attributes:
<form action="demo_form.asp">
Enter a date before 1980-01-01:
<input type="date" name="bday" max="1979-12-31">
Enter a date after 2000-01-01:
<input type="date" name="bday" min="2000-01-02">
Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5">
<input type="submit">
</form>
Try it Yourself »
Enter a date before 1980-01-01:
<input type="date" name="bday" max="1979-12-31">
Enter a date after 2000-01-01:
<input type="date" name="bday" min="2000-01-02">
Quantity (between 1 and 5):
<input type="number" name="quantity" min="1" max="5">
<input type="submit">
</form>
Meter Example
A gauge with a current value and min, max, high, and low segments:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
Try it Yourself »
Progress Example
Downloading in progress:
<progress value="22" max="100"></progress>
Try it Yourself »
Browser Support
The max attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| input | 5.0 | 10.0 | 16.0 | 5.1 | 10.6 |
| meter | 8.0 | Not supported | 6.0 | 6.0 | 11.0 |
| progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
