THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <input> max Attribute

❮ HTML <input> tag

Example

Use of the min and max attributes:

<form action="/action_page.php">

  <label for="datemax">Enter a date before 1980-01-01:</label>
  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>

  <label for="datemin">Enter a date after 2000-01-01:</label>
  <input type="date" id="datemin" name="datemin" min="2000-01-02"><br><br>

  <label for="quantity">Quantity (between 1 and 5):</label>
  <input type="number" id="quantity" name="quantity" min="1" max="5"><br><br>

  <input type="submit">

</form>
Try it Yourself »

Definition and Usage

The max attribute specifies the maximum value for an <input> element.

Tip: Use the max attribute together with the min attribute to create a range of legal values.

Note: The max and min attributes works with the following input types: number, range, date, datetime-local, month, time and week.


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
max 5.0 10.0 16.0 5.1 10.6

Differences Between HTML 4.01 and HTML5

The max attribute is new in HTML5.


Syntax

<input max="number|date">

Attribute Values

Value Description
number Specifies the maximum value allowed
date Specifies the maximum date allowed

❮ HTML <input> tag