Skip to content
Related Articles

Related Articles

HTML | DOM Input Time type Property
  • Difficulty Level : Basic
  • Last Updated : 25 Mar, 2019
GeeksforGeeks - Summer Carnival Banner

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

Below program illustrates the time type property in HTML DOM:

Example: This example returns the type of form element of the Time field.




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

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

  • Google Chrome
  • Internet Explorer 10.0 +
  • Firefox
  • Opera
  • Safari

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :