HTML DOM Input Search blur() Method
Last Updated :
25 Aug, 2022
The Input Search blur() method in HTML DOM is used to extract or remove focus from the search field when the event occurs.
Syntax:
searchObject.blur()
Parameters: This method does not contain any parameter values.
Return Value: It does not return any value.
Example: Below program illustrates the use of the input search blur() method in HTML DOM.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Input Search blur() Method
</title>
</head>
<body style="text-align:center">
<h2 style="color:green">GeeksforGeeks</h2>
<strong>Input Search blur() Method</strong>
<form id="myGeeks">
<input type="Search"
id="test"
name="myGeeks"
placeholder="Type to search.."
value="GeeksForGeeks"
autofocus>
</form>
<br>
<br>
<button onclick="Blur()">
clear Focus
</button>
<script>
function Blur() {
// remove focus from the Input Search field
var s = document.getElementById(
"test").blur();
}
</script>
</body>
</html>
|
Output:
HTML DOM Input Search blur() Method
Supported Browsers:
- Google Chrome 5 and above
- Mozilla Firefox 4 and above
- Edge 12 and above
- Opera 10.6 and above
- Safari 5 and above
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...