Tutorialspoint.dev

HTML | onsearch Event Attribute

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

Syntax:

<element onsearch="script">

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

Example:

<!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() {
            var x = document.getElementById("geeks");
            document.getElementById("geek").innerHTML =
                   "Searching Content: " + x.value;
        }
    </script>        
    </body>
</html>

Output:

Supported Browsers: The browsers supported by onsearch Event Attribute are listed below:

  • Apple Safari
  • Google Chrome
  • Opera 15.0


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter