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 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
Please Login to comment...