What is HTML onsearch Event Attribute

The onsearch event attribute in HTML fires when a user initiates a search within an <input> element with type="search". This event is triggered in a few specific scenarios:

Example of HTML onsearch Event Attribute

It will Execute a JavaScript when submitting a search.

index.html

Example: HTML

 <input type="search" onsearch="myFunction()">

Output should be:

Definition and Usage of HTML onsearch Event Attribute

The onsearch attribute fires when a user presses the "ENTER" key or clicks the "x" button in an <input> element with type="search"

Browser Support of HTML onsearch Event Attribute

The numbers in the table specify the first browser version that fully supports the event attribute.

Syntax of HTML onsearch Event Attribute

<element onsearch="script">

Attribute Values of HTML onsearch Event Attribute

Value	Description
script	The script to be run on onsearch

Technical Details of HTML onsearch Event Attribute

Supported HTML tags:	<input type="search">

How to add a JavaScript when submitting a search

Write something in the search field and press "ENTER".

Note: The onsearch event is not supported in Internet Explorer, Firefox or Opera 12 and earlier versions.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<p>Write something in the search field and press "ENTER".</p>

<input type="search" id="myInput" onsearch="myFunction()">

<p><strong>Note:</strong> The onsearch event is not supported in Internet Explorer, Firefox or Opera 12 and earlier versions.</p>

<p id="demo"></p>

<script>
function myFunction() {
   let x = document.getElementById("myInput");
   document.getElementById("demo").innerHTML = "You are searching for: " + x.value;
}
</script>

</body>
</html>

Output should be:

html event attributes

List of Form Events Attribute	Form Events Attribute
What is HTML onblur Event Attribute	Form Events Attribute
What is HTML onchange Event Attribute	Form Events Attribute
What is HTML oncontextmenu Event Attribute	Form Events Attribute
What is HTML onfocus Event Attribute	Form Events Attribute
What is HTML oninput Event Attribute	Form Events Attribute
What is HTML oninvalid Event Attribute	Form Events Attribute
What is HTML onreset Event Attribute	Form Events Attribute
What is HTML onsearch Event Attribute	Form Events Attribute
What is HTML onselect Event Attribute	Form Events Attribute
What is HTML onsubmit Event Attribute	Form Events Attribute

Single Articles

Example of HTML onsearch Event Attribute	Form Events Attribute
Definition and Usage of HTML onsearch Event Attribute	Form Events Attribute
Browser Support of HTML onsearch Event Attribute	Form Events Attribute
Syntax of HTML onsearch Event Attribute	Form Events Attribute
Attribute Values of HTML onsearch Event Attribute	Form Events Attribute
Technical Details of HTML onsearch Event Attribute	Form Events Attribute
How to add a JavaScript when submitting a search	Form Events Attribute

Read Full:	Form Events Attribute
Type:	Develop
Category:	Web Tutorial
Sub Category:	Form Events Attribute
Uploaded by:	Admin
Views:	16

Reffered: https://www.w3schools.com/tags/ev_onsearch.asp