HTML DOM Input Time select() Method

HTML DOM Input URL select() Method

Last Updated : 26 Aug, 2022

The HTML <input type=”url”> is used to define a field that entered a URL. This input value is automatically validated before submitting the form.

The input URL select() method in HTML DOM is used to select the content of a URL text field. It is an in-built method of input URL Object. Refer to components of a URL from the given link

Approach: Blue background color is added to the content of the URL when the user clicks on the button to show that it's selected.

Syntax:

URLObject.select()

Parameters: It does not accept any parameter.
Return Value: It does not return any value.

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

HTML

<!DOCTYPE html>
<html>

<head>
    <title>    DOM Input URL select() Method </title>
</head>

<body>
    <center>
        <h1 style="color:green;">GeeksforGeeks</h1>

        <h2>DOM Input URL select() Method </h2>

        <label for="uname"    style="color:green">
            <b>Enter URL</b>
        </label>

        <input type="url" id="inputID"    placeholder="Enter URL"
               value="https://www.geeksforgeeks.org/">
        <br>
        <br>

        <button type="button" onclick="selectURLMethod()">
            Click
        </button>

        <script>
            function selectURLMethod() {
                document.getElementById("inputID").select();
            }
        </script>
    </center>
</body>
</html>

Output:

HTML DOM Input URL select() Method

Supported Browsers: The list of browsers supported by HTML DOM Input URL select() Method are listed below:-

Google Chrome 1
Edge 12
Firefox
Safari
Opera 11

HTML DOM Input Time select() Method

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Input Tel select() Method

The input tel select() method in HTML DOM is used to select the contents of the input tel field. It is an in-built method of the input tel object. Syntax: telObject.select() Parameters: This method does not accept any parameters. Return Value: This method does not return any value. Example: Below HT

HTML DOM Input Text select() Method

The DOM Input select() method selects all the text content of a textarea or an input element that contains the text field. Syntax: element.select(); Parameters: This method does not accept any parameters. Example: This example selects the content of the input text field. HTML <!DOCTYPE html>

HTML DOM Input Time select() Method

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 i

HTML DOM Input Week select() Method

The input week select() method in HTML DOM is used in selecting the content of the week field. Syntax: weekbject.select() Parameters: It does not accept any parameter. Example: This example uses the input week select() method to select the week field. HTML <!DOCTYPE html> <html> <head

HTML DOM Input Date select() Method

The Input Date select() Method in HTML DOM is used to select the contents of the Date text field. It is the predefined method of the Input date object. Syntax: dateObject.select() Parameter: This method does not contain any parameters. Return Values: It does not return any value. Example: Below exam

HTML DOM Input Month select() Method

The input Month select() method in HTML DOM is used in selecting the content of the month text field. Syntax: monthObject.select() Parameters: It does not accept any parameter. Return Value: It does not return any value. Example: This example uses the input Month select() method to select the conten