Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

HTML | DOM Input DatetimeLocal type Property

  • Difficulty Level : Basic
  • Last Updated : 19 May, 2021

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 Internet Explorer, Firefox, and Chrome return “text”.

Syntax 

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

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:
 

Supported Web Browsers: 

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera



My Personal Notes arrow_drop_up
Recommended Articles
Page :