Skip to content
Related Articles

Related Articles

HTML | DOM Input Time type Property

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 12 Jun, 2022
Improve Article
Save Article

The DOM Input Time type Property in HTML DOM is used to return the type of form element of the input Time Field. All the Browsers always returns “time” instead of Internet Explorer and Firefox which returns “text”.
Syntax: 
 

timeObject.type

The below program illustrates the time type property in HTML DOM:
Example: This example returns the type of form element of the Time field. 
 

html




<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Input Time type Property
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
                GeeksForGeeks
            </h1>
 
        <h2>
          DOM Input Time type Property
      </h2>
 
        <label for="uname"
               style="color:green">
            <b>Enter time</b>
        </label>
 
        <input type="time"
               id="gfg"
               placeholder="Enter time">
 
        <br>
        <br>
 
        <button type="button"
                onclick="geeks()">
            Click
        </button>
 
        <p id="GFG"
           style="font-size:24px;
                  color:green'">
      </p>
 
        <script>
            function geeks() {
                var link =
                    document.getElementById(
                      "gfg").type;
               
                document.getElementById(
                  "GFG").innerHTML = link;
            }
        </script>
    </center>
</body>
 
</html>

Output: 
Before Clicking On Button: 
 

After Clicking On Button: 
 

Note: In the example above, Opera, Chrome, and Safari return “time”, while Internet Explorer/Edge and Firefox return “text”.

Supported Browsers: The browser supported by DOM input Time type Property are listed below: 

  • Chrome version 20 and above
  • Edge version 12 and above
  • Firefox version 57 and above
  • Opera  version 10 and above
  • Safari version 14.1 and above
  • Internet Explorer not supported

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!