Skip to content
Related Articles

Related Articles

HTML | DOM Input Date type Property

View Discussion
Improve Article
Save Article
  • Last Updated : 30 Aug, 2022
View Discussion
Improve Article
Save Article

The Input Date type property is used for returning the type of form element the date field is.  The Input Date type property returns a string that represents the type of form element the date field is.

Syntax: 

inputdateObject.type

Return Values: It returns a string value that represents the type of form element of the date field.

The below program illustrates the Date type property :
Returning the type of form element the date field is. 
 

Example:

html




<!DOCTYPE html>
<html>
 
<head>
    <title>Input Date type Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Input Date type Property</h2>
    <br> Date Of Birth:
    <input type="date" id="Test_Date">
 
     
 
 
<p>To find out the type of form element the date field is,
    double-click the "Check Type" button.</p>
 
 
 
 
    <button ondblclick="My_Date()">Check Type</button>
 
    <p id="test"></p>
 
 
 
 
    <script>
        function My_Date()
      {
        var t = document.getElementById("Test_Date").type;
            document.getElementById("test").innerHTML = t;
        }
    </script>
 
</body>
 
</html>

Output: 
Before clicking the button: 

After double clicking the button:
 

Supported Web Browsers: 

  • Apple Safari 14.1
  • Edge 12
  • Firefox 57
  • Google Chrome 20
  • Opera 11

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!