HTML | DOM Input DatetimeLocal form Property
The Input DatetimeLocal form property in HTML DOM is used to return 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.form
Return Values: It returns a string value which specify the reference of the form containing the Input Datetimelocal field
Below program illustrates the DatetimeLocal form property in HTML DOM:
Example: This example returns the id of the form containing the <input type=”datetime-local”> element.
html
<!DOCTYPE html><html> <head> <title> Input DatetimeLocal form Property </title></head><body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2 style="font-family: Impact;"> Input DatetimeLocal form Property </h2><br> <form id="Test_Form"> Test date control: <input type="datetime-local" id="Test_DatetimeLocal"> </form> <p> To return the id of the form, double click the "Return Form Object" button. </p> <button ondblclick="My_DatetimeLocal()"> Return Form Object </button> <p id="test"></p> <!-- Script to return the form id --> <script> function My_DatetimeLocal() { var d = document.getElementById("Test_DatetimeLocal").form.id; document.getElementById("test").innerHTML = d; } </script></body></html> |
Output:
Before clicking the button:
After clicking the button
Note: The <input type=”datetime-local”> element does not show any datetime field/calendar in Firefox.
Supported Browsers: The browser supported by Input DatetimeLocal form property are listed below:
- Google Chrome 20
- Edge 12
- Firefox 93
- Opera 11
- Safari 14.1
Please Login to comment...