HTML | DOM Input Datetime type 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 type 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

HTML | DOM Input Datetime name Property

The Input Datetime name property is used for setting or returning the value of the name attribute of a datetime field. The form data which has been submitted to the server can be identified by the name attribute. The name attribute is also used for referencing form data on the client-side using Java