HTML | DOM Input Date form Property

HTML | DOM Input Date form Property

Last Updated : 31 Aug, 2022

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 which specify the reference of the form containing the Input Date field.

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

html

<!DOCTYPE html>
<html>

<head>
    <title>Input Date 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 Date form Property</h2>
    <br>

    <form id="Test_Form">
        Test date control:
        <input type="date" 
               id="Test_Date">
    </form>

    

<p>To return the id of the form, 
      double click the "Return 
      Form Object" button.</p>



    <button ondblclick="My_Date()">
      Return Form Object
  </button>

    <p id="test"></p>



    <script>
        function My_Date() {
          
            // Returning form id.
            var d = 
            document.getElementById("Test_Date").form.id;
            document.getElementById("test").innerHTML = d;
        }
    </script>

</body>

</html>

Output:
Before clicking the button:

After clicking the button:

Supported Browsers:

Apple Safari 14.1
Edge 12
Firefox 57
Google Chrome 20
Opera 11

HTML | DOM Input Date form Property

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM Input Datetime form Property

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

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 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 Date name Property

The Input Date name property is used for setting or returning the value of the name attribute of a date 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 JavaScript.S