HTML | DOM Input Date type Property

HTML | DOM Input Date type Property

Last Updated : 30 Aug, 2022

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

HTML | DOM Input Date type Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Input Datetime type Property

The Input Datetime type property is used for returning the type of form element the datetime field is. The Input Datetime type property returns a string that represents the type of form element the datetime field is. Browsers such as Safari and Opera return "datetime" as a result whereas browsers su

HTML | DOM Input Date step Property

The Input Date Step property is used to set or return the value of the step attribute of a date field. The Input Step attribute can be used for specifying the legal day intervals to choose from when the user opens the calendar in a date field. Syntax: To return the step property: inputdateObject.ste

HTML | DOM Input Date value Property

The Input Date value property is used for setting or returning the value of the value attribute of a date field. The Input Date value attribute can be used for specifying a date for the date field.Syntax: For returning the value property: inputdateObject.valueFor setting the value property: inputdat

HTML | DOM Input DatetimeLocal type Property

The Input DatetimeLocal type property is used for returning the type of form element the datetimeLocal field is. The Input DatetimeLocal type property returns a string that represents the type of form element the datetimeLocal field is. Browsers such as Safari and Opera return "datetime-local" as a

HTML | DOM Input Date readOnly Property

The Input Date readOnly property is used for setting or returning whether a date field should be read-only, or not. Once a field has been declared read-only, it cannot be further modified. However, the read-only field can be tabbed, highlighted and can be used for copying text. The HTML readonly att