Tutorials References Menu

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