HTML Date

by Online Tutorials Library July 14, 2022

HTML Date

The date is the value of the type attribute of an <input> element. It creates a calendar that allows a user to choose the date. The resulting value includes the day, month, and year.

Syntax

Example 1: The following example describes how to use the date in <input> tag:

  <!DOCTYPE html>   <html>  <head>   <title>  Example of Date Attribute  </title>  </head>  <body>   <form>   Employee Name: <input type=”text” placeholder=”Enter Your name” Required>  <br>  <br>  Date of Joining: <input type = “date”>   <button type=”submit” name=”btn”>Submit</button>  </form>   </body>  </html>    

Test it Now

Output:

HTML Date

Example 2: The following example uses the JavaScript code for displaying the date which is entered in form.

  <!DOCTYPE html>  <html>   <head>   <title> Example of Date Attribute </title>   <script>   function viewdate() {   var x = document.getElementById(“dob”).value;   document.getElementById(“demo”).innerHTML = x;   </script>   </head>   <body>   Employee Name: <input type=”text” placeholder=”Your Good name”/>   <br>  <br>  Date of Joining:   <input type=”date” id=”dob”>  <br>   <button onclick=”viewdate()”> Submit   </button>   <br>  <h2 id=”demo”> </h2>   </body>   </html>  

Test it Now

Output:

HTML Date