Open In App
Related Articles

HTML | onblur Attribute

Improve Article
Save Article
Like Article

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>


<element onblur = "script">

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


<!DOCTYPE html>
        <title>onblur attribute</title>
            body {
            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"
        function Geeks() {
            var y = document.getElementById("GFG");
            y.value = y.value.toUpperCase();

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
Similar Reads
Complete Tutorials