Tutorials References Exercises Videos Menu
Get Certified Website NEW Pro NEW

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="/action_page.php">

  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 »

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