HTML min Attribute


The HTML min attribute specifies the minimum value for an <input> element. It is used to set a lower bound on the values that users can enter or select, ensuring the input stays within a defined range. The applicability of the min attribute depends on the type of input. For example:

  • Date and time inputs: For <input> elements with type="date", type="month", type="week", type="time", type="datetime-local", the min attribute specifies the earliest date or time that a user can select.
  • Number and range inputs: For <input> elements with type="number" or type="range", it defines the minimum numeric value that can be entered.

This attribute is particularly useful for ensuring that user inputs meet certain requirements, such as age restrictions or setting up a feasible range for numerical data. If a user attempts to submit a value below the minimum, the form will not validate, prompting the user to adjust their input accordingly.

Here's an example usage for a date input, ensuring that the user cannot select a date before January 1, 2020:

<input type="date" name="start-date" min="2020-01-01">

And here's an example for a number input, setting the minimum allowable number to 10:

<input type="number" name="quantity" min="10">

It's important to note that while the min attribute can help guide user input, additional server-side validation should always be implemented to ensure data integrity and security, as client-side controls can be bypassed.


<input min="number | datetime">


  • numberThe minimum numeric value in an input field.
  • datetimeThe minimum datetime value in an input field.

Applies To

The min attribute can be used on the following html elements.


<form action="formscript.php">
Enter a number between 1 and 10:
<input type="number" id="quantity" name="quantity" min="1" max="10">
<button type="submit">Submit</button>

Browser Support

The following table will show you the current browser support for the HTML min Attribute.

Edge Chrome Firefox Opera Safari
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview

Last updated by CSSPortal on: 26th March 2024