HTML | onblur Attribute

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>w3wiki</h1>
        <h2>onblur attribute</h2>
         
        <!-- When leave the input box then the input box 
        value is converted into capital letter. -->
        Username: <input type="text" name="fname" id="GFG"
        onblur="Beginner()">
        <script>
        function Beginner() {
            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

Tags:

#HTML-Attributes #HTML #Web Technologies

HTML onunload Event Attribute

HTML onchange Event Attribute

HTML | onblur Attribute

html

Contact Us