Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

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


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">

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:

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