HTML - min Attribute



HTML min attribute is used to define minimal value for inputs like number, date, time etc.

By limiting input to a predetermined lower boundary, this attribute is essential for designing user-friendly forms and ensuring data consistency.

Syntax

<tag min="number|date">

Applies On

Below listed elements allow using of the HTML max attribute

Element Description
<input> HTML <input> tag is used accpect various types of input from user.
<meter> HTML <meter> tag is used to render data within the given range.

Examples of HTML min Attribute

Below examples will illustrate the HTML min attribute, where and how we should use this attribute!

Set minimum age limit using min Attribute

In the following example, we are using the min attribute with the input type=number to set min age limit as 18.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML min attribute</title>
</head>
<body>
   <form> 
      Enter your age (not less than 18): 
      <input type="number" min="18">
      <button>
         Submit
      </button>
   </form>
</body>
</html>

Set minimum date using min Attribute

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

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML min attribute</title>
</head>
<body>
   <form> 
      Choose a date(not less than 2023-06-10): 
      <input type="date" min="2023-06-10">
      <button>Submit</button>
   </form>
</body>
</html>

Set min value for meter element

In the following example, we will create a meter element and set a min value as 0 inorder to show percentge progress.

<!DOCTYPE html>
<html lang="en">
<body>
      <h3>HTML min Attribute</h3>
      <label for="server-load">
         Room 1: Server Load
      </label> 
      <meter id="server-load" 
             value="40" 
             min="0" 
             max="100" 
             low="50" 
             high="90" 
             optimum="0.5">
      </meter>
</body>

</html>

Supported Browsers

Attribute Chrome Edge Firefox Safari Opera
min Yes 5.0 Yes 10.6 Yes 16.0 Yes 5.1 Yes 10.6
html_attributes_reference.htm
Advertisements