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

datetimelocalObject.type

Below program illustrates the DatetimeLocal type property:

Returning the type of form element the datetimeLocal field is.

<!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:

After clicking the button

Supported Web Browsers:

Apple Safari
Internet Explorer
Firefox
Google Chrome
Opera

My Personal Notes

Recommended Posts: