HTML onsearch Event Attribute

This onsearch attribute works when a user presses the ENTER button or clicks on the x button. This event works with <input> element.

Supported Tags:

<input type=”search”>

Syntax:

<element onsearch="script">

Attribute: This event contains single attribute script which contains the script to be run when event call.

Example:

html

<!DOCTYPE html>
<html>
 
<head>
    <title>onsearch event</title>
    <style>
        .gfg {
            font-size:40px;
            color:green;
            font-weight:bold;
        }
        body {
            text-align:center;
        }
    </style>
</head>
 
<body>
 
    <div class="gfg">
      GeeksforGeeks
      </div>
    <h2>onsearch event attribute</h2>
    <input type="search"
           id="geeks"
           onsearch="geeksforgeeks()">
     
    <p id="geek"></p>
 
    <script>
        function geeksforgeeks() {
            let x = document.getElementById("geeks");
            document.getElementById("geek").innerHTML =
                   "Searching Content: " + x.value;
        }
    </script>
</body>
 
</html>