HTML | DOM Input Time type Property

Last Updated : 12 Jun, 2022

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>