This attribute fires at that moment when the element loses focus. This attribute is mostly used in Form validation code. This attribute is the opposite of onfocus attribute.
Supported Tags: It supports all HTML elements except these elements which are given below :
- <base>
- <bdo>
- <br>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>
Syntax:
<element onblur = "script">
Attribute Value: This attribute is used to any HTML elements. The script run when onblur attribute called.
Example:
html
<!DOCTYPE html>
<html>
<head>
<title>onblur attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>onblur attribute</h2>
Username: <input type="text" name="fname" id="GFG"
onblur="Geeks()">
<script>
function Geeks() {
var y = document.getElementById("GFG");
y.value = y.value.toUpperCase();
}
</script>
</body>
</html>
|
Output:
Before clicking outside:
After clicking outside:
Supported Browsers: The browser supported by onblur attribute are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 9
- Firefox 24
- Opera 11.6
- Safari 3.1
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
16 Aug, 2022
Like Article
Save Article