HTML | DOM Input Date step 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 step 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

HTML | DOM Input Date required Property

The Input Date required property is used for setting or returning whether a date field must be filled out before submitting a form. The HTML required attribute is used to reflect the Input Date required property.Syntax: For returning the required property: dateObject.requiredFor setting the required

HTML | DOM Input Date min Property

The Input Date min property is used for setting or returning the value of the min attribute of a date field. The attribute returns a string that represents the minimum date allowed. Syntax: For returning the min property:inputdateObject.minFor setting the min property:inputdateObject.min = YYYY-MM-D

HTML | DOM Input Date max Property

The Input Date max property is used for setting or returning the value of the max attribute of a date field. The max attribute returns a string that represents the maximum date allowed.Syntax: For returning the max property: inputdateObject.maxFor setting the max property: inputdateObject.max = YYYY

HTML | DOM Input Time disabled Property

The DOM Input Time disabled Property in HTML DOM is used to set or return whether the Input Time Field must be disabled or not. A disabled Time Field is un-clickable and unusable. It is a boolean attribute and used to reflect the HTML Disabled attribute. It is usually rendered in grey color by defau

HTML | DOM Input URL type Property

The DOM Input URL type Property in HTML DOM is used for returning the Which type of form element the URL field is. This Property will always return "URL".Syntax: urlObject.type Return Value: It returns a string value which represent the type of form element the URL field is. Example: This Example il