HTML | DOM Input Datetime form Property

HTML | DOM Input Datetime form Property

Last Updated : 14 Sep, 2022

The Input Datetime form property is used for returning a reference to the form containing the Datetime field. It is a read-only property that returns a form object on success, else if the date control is not in the form, it returns NULL.

Syntax:

datetimeObject.form

Return Values: It returns a string value which specify the reference of the form containing the Input datetime field

Below program illustrates the Datetime form property:
Example: Returning the id of the form containing the <input type="datetime"> element.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Input Datetime form Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>Input Datetime form Property</h2>
    <br>

    <form id="Test_Form">
        Test date control:
        <input type="datetime"
               id="Test_Datetime">
    </form>
    <p>To return the id of the form, double
          click the "Return Form Object" button.</p>
    <button ondblclick="My_Datetime()">
          Return Form Object
      </button>
    <p id="test"></p>

    <script>
        function My_Datetime() {
          
            // Return Input Datetime form Property
            var d = 
            document.getElementById("Test_Datetime").form.id;
            document.getElementById("test").innerHTML = d;
        }
    </script>
</body>

</html>

Output:
Before clicking the button:

After clicking the button:

Note: The <input type="datetime"> element does not show any datetime field/calendar in any major browsers, except Safari.

Supported Browsers:

Apple Safari
Internet Explorer
Firefox
Google Chrome
Opera

HTML | DOM Input Datetime form Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Input Date form Property

The Input Date form property is used for returning a reference to the form containing the Date field. It is a read-only property that returns a form object on success, else if the date control is not in the form, it returns NULL.Syntax: inputdateObject.form Return Values: It returns a string value w

HTML DOM Input DatetimeLocal form Property

The Input DatetimeLocal form property in HTML DOM returns the reference to the form containing the local datetime field. It returns a form object on success, else if the date control is not in the form, it returns NULL. It is a read-only property. Syntax:Â Â datetimelocalObject.formReturn Values: It

HTML | DOM Input Datetime max Property

The Input Datetime max property is used for setting or returning the value of the max attribute of a datetime field. The Input Datetime max attribute returns a string that represents the maximum date and time allowed.Syntax: For returning the max property: datetimeObject.maxFor setting the max prope

HTML | DOM Input Datetime min Property

The Input Datetime min property is used for setting or returning the value of the min attribute of a datetime field. The Input Datetime min attribute returns a string that represents the minimum date and time allowed. Syntax: For returning the min property:datetimeObject.minFor setting the min prope

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