HTML - max Attribute

The HTML max attribute is used to define the maximum value that is acceptable and valid for an input field. It also prevents the user from entering or selecting a value greater than the max attribute value.

The entered value must be less than or equal to the max value. If the form input field value is greater than the max attribute value, then it shows some warning while submitting the form.

Syntax

Following is the syntax of max attribute −

<input max="number|date">

Example

In the following eample, we are using the max attribute with th input type=number.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML max attribute</title>
</head>
<body>
   <!--Example of the HTML max attribute-->
   <form> Enter Number: <input type="number" max="5">
      <button>Submit</button>
   </form>
</body>
</html>

When we run the above code, it will generate an output consisting of the input field along with a click button on the webpage.when the user tries to enter number above 5 it will throw a alert.

Example

Considering the another scenario, where we are going to use the max attribute with the input type=date.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML max attribute</title>
</head>
<body>
   <!--Example of the HTML max attribute-->
   <form> Enter the date before 2021-02-02: <input type="date" max="2021-02-02">
      <button>Submit</button>
   </form>
</body>
</html>

On running the above code, the output window will pop up displaying the input field along with a submit button on the webpage.

html_attributes_reference.htm
Advertisements