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.
Supported Tags:
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() { 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 2
- Google Chrome 1
- Edge 79
- Opera 15
Please Login to comment...