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 opposite of onfocus attribute.

Syntax:

<element onblur = "script">

Attribute Value: This attribute is used to any HTML elements. The script run when onblur attribute called.



Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>
          
        <!-- When leave the input box then the input box 
        value is converted into capital letter. -->
        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>                    

chevron_right


Output:
Before clicking outside:

After clicking outside:

Supported Browsers: The browser supported by onblur attribute are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.