|
|
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 | HTML Form Events Attribute |
| HTML onblur Event Attribute | HTML Form Events Attribute |
| HTML onchange Event Attribute | HTML Form Events Attribute |
| HTML oncontextmenu Event Attribute | HTML Form Events Attribute |
| HTML onfocus Event Attribute | HTML Form Events Attribute |
| HTML oninput Event Attribute | HTML Form Events Attribute |
| HTML oninvalid Event Attribute | HTML Form Events Attribute |
| HTML onreset Event Attribute | HTML Form Events Attribute |
| HTML onsearch Event Attribute | HTML Form Events Attribute |
| HTML onselect Event Attribute | HTML Form Events Attribute |
| HTML onsubmit Event Attribute | HTML Form Events Attribute |
| Example of HTML onsearch Event Attribute | HTML Form Events Attribute |
| Definition and Usage of HTML onsearch Event Attribute | HTML Form Events Attribute |
| Browser Support of HTML onsearch Event Attribute | HTML Form Events Attribute |
| Syntax of HTML onsearch Event Attribute | HTML Form Events Attribute |
| Attribute Values of HTML onsearch Event Attribute | HTML Form Events Attribute |
| Technical Details of HTML onsearch Event Attribute | HTML Form Events Attribute |
| How to add a JavaScript when submitting a search | HTML Form Events Attribute |
|
Type
: |
Develop |
|
Category
: |
Web Tutorial |
|
Sub Category
: |
HTML Form Events Attribute |
|
Uploaded by
: |
Admin |
Read Article https://horje.com/learn/1434/reference