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...