HTML DOM Input Time select() Method

Last Updated : 29 Aug, 2022

The input Time select() method in HTML DOM is used in selecting the content of the time text field.

Syntax:

timeObject.select()

Parameters: It does not accept any parameter.

Return Value: It does not return any value.

Example: This example uses the input Time select() method to select the content inside the time Field.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM Input Time select() Method
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
         
        <h2>DOM Input Time select() Method </h2>
         
        <label for="uname" style="color:green">
            <b>Enter time</b>
        </label>
         
        <input type="time" id="gfg" name="Geek_time"
            value="18:00" placeholder="Enter time"
            step="5" min="16:00"
            max="22:00:" autofocus>
        <br>
 
         
<p>
            <b>
                Click on the below Button to select
                the content of the Time field
            </b>
        </p>
 
 
        <br>
        <button type="button" onclick="geeks()">
            Click
        </button>
 
        <p id="GFG" style="font-size:24px;
                color:green'">
        </p>
 
    </center>
 
    <script>
        function geeks() {
            var link = document
                .getElementById("gfg").select();
        }
    </script>
</body>
 
</html>