HTML | DOM Input DatetimeLocal type Property
The Input DatetimeLocal type property is used for returning the type of form element the datetimeLocal field is.
The Input DatetimeLocal type property returns a string that represents the type of form element the datetimeLocal field is.
Browsers such as Safari and Opera return “datetime-local” as a result whereas browsers such as Microsoft Edge, Firefox, and Chrome return “text”.
Syntax
datetimelocalObject.type
Return Values: It returns a string value that represents the type of form element of the DateTimeLocal field.
The below program illustrates the DatetimeLocal type property:
Returning the type of form element the datetimeLocal field is.
html
<!DOCTYPE html><html><head> <title>Input DatetimeLocal type Property in HTML</title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Input DatetimeLocal type Property</h2> <br> Date Of Birth: <input type="datetime-local" id="Test_DatetimeLocal"> <p>To find out the type of form element the datetimeLocal field is, double-click the "Check Type" button.</p> <button ondblclick="My_DatetimeLocal()">Check Type</button> <p id="test"></p> <script> function My_DatetimeLocal() { var t = document.getElementById("Test_DatetimeLocal").type; document.getElementById("test").innerHTML = t; } </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 Web Browsers:
- Apple Safari
- Firefox
- Google Chrome
- Opera
.png)
