Open In App

HTML | DOM Input Date type Property

Last Updated : 30 Aug, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

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


Next Article
Article Tags :

Similar Reads