Horje
How to create HTML min and max Attributes

The input min and max attributes specify the minimum and maximum values for an input field.

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

Tip: Use the max and min attributes together to create a range of legal values.


How is to look HTML min and max Attributes

Set a max date, a min date, and a range of legal values:
index.html
Example: HTML
 <form>
  <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">
</form> 

Output should be:

How is to look HTML min and max Attributes

Full Code Example of HTML min and max Attributes

Set a max date, a min date, and a range of legal values:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<h1>The input min and max attributes</h1>

<p>The min and max attributes specify the minimum and maximum values for an input element.</p>

<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" value="Submit">
</form>

</body>
</html>

Output should be:

Full Code Example of HTML min and max Attributes
Reffered: https://horje.com/learn/504/how-to-create-html-maxlength-attribute-in-input





Related Articles
What is HTML Input Attributes HTML Input Attributes
How to create HTML The value Attribute HTML Input Attributes
How to create HTML readonly Attribute HTML Input Attributes
How to create HTML disabled Attribute in input HTML Input Attributes
How to edit HTML size Attribute in input HTML Input Attributes
How to create HTML maxlength Attribute in input HTML Input Attributes
How to create HTML min and max Attributes HTML Input Attributes
How to create HTML multiple Attribute HTML Input Attributes
How to build HTML pattern Attribute in input HTML Input Attributes
How to set HTML placeholder Attribute HTML Input Attributes
How to create HTML required Attribute in input HTML Input Attributes
How to create HTML step Attribute in input HTML Input Attributes
How to set HTML autofocus Attribute in input HTML Input Attributes
How to add height and width Attributes in HTML Input HTML Input Attributes
How to create HTML list Attribute in input HTML Input Attributes
How to add HTML autocomplete Attribute in Input HTML Input Attributes
What is HTML Input form Attributes HTML Input Attributes
How to create HTML form Attribute in Input HTML Input Attributes
How to set HTML form action Attribute in Input HTML Input Attributes
How to set HTML formenctype Attribute in input HTML Input Attributes
How to set HTML form method Attribute in Input HTML Input Attributes
How to set HTML form target Attribute in Input HTML Input Attributes
How to set HTML formnovalidate Attribute in Input HTML Input Attributes
How to set HTML novalidate Attribute in Input HTML Input Attributes
How to create HTML Video - Methods, Properties, and Events using Javascript HTML Input Attributes

Single Articles
How is to look HTML min and max AttributesHTML Input Attributes
Full Code Example of HTML min and max AttributesHTML Input Attributes

Read Full:
HTML Input Attributes
Category:
Web Tutorial
Sub Category:
HTML Input Attributes
Uploaded:
11 months ago
Uploaded by:
Admin
Views:
29



Share on: