What is HTML DOM Input Search select() Method?

In this article, we will learn HTML DOM Input Search select() Method,This free HTML tutorial for complete beginners will help you learn HTML from scratch.

HTML DOM Input Search select() Method

HTML DOM Input Number select() Method

The Input Search select() Method in HTML DOM is used to select the content of the Input search text field. It is the predefined method of the Search object.

Syntax:

searchObject.select()

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

Example: This example uses the Input Search select() method to select the content inside the search field.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <style>
        h1 {
            color: green;
        }
 
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>w3wiki</h1>
    <h2>Input Search select() Method</h2>
 
    <input type="Search" id="test"
           placeholder="Type to search.."
           value="w3wiki">
    <br>
    <br>
    <br>
    <button onclick="selectContent()">
      Select the Content of Search Field
    </button>
 
    <script>
        function selectContent() {
           
            // Use the select() method
            document.getElementById(
                "test"
            ).select();
        }
    </script>
</body>
 
</html>