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