How to create HTML Input Type Date - HTML Input Types

The <input type="date"> is used for input fields that should contain a date.

Depending on browser support, a date picker can show up in the input field.

How is to look HTML Input Type Date

index.html

Example: HTML

 <form>
  <label for="birthday">Birthday:</label>
  <input type="date" id="birthday" name="birthday">
</form>

Full Code Example of HTML Input Type Date

The input type="date" is used for input fields that should contain a date.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h2>Date Field</h2>

<p>The <strong>input type="date"</strong> is used for input fields that should contain a date.</p>

<form action="/action_page.php">
  <label for="birthday">Birthday:</label>
  <input type="date" id="birthday" name="birthday">
  <input type="submit" value="Submit">
</form>

<p><strong>Note:</strong> type="date" is not supported in Internet Explorer 11.</p>

</body>
</html>

Output should be:

use the min and max attributes to add restrictions to dates

You can also use the min and max attributes to add restrictions to dates:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h2>Date Field Restrictions</h2>

<p>Use the min and max attributes to add restrictions to dates:</p>

<form action="/action_page.php">
  <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="datemax">Enter a date before 1980-01-01:</label>
  <input type="date" id="datemax" name="datemax" max="1979-12-31"><br><br>
  
  <input type="submit" value="Submit">
</form>

<p><strong>Note:</strong> type="date" is not supported in Internet Explorer 11.</p>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Input Types
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference