![]() |
The HTML |
<input type="text" name="fname" id="fname" onblur="myFunction()">
The onblur attribute fires the moment that the element loses focus.
Onblur is most often used with form validation code (e.g. when the user leaves a form field).
Tip: The onblur attribute is the opposite of the onfocus attribute.
< element onblur=" script ">
Value | Description |
---|---|
script | The script to be run on onblur |
Supported HTML tags: | All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
---|
When you leave the input field, a function is triggered which transforms the input text to upper case.
<!DOCTYPE html>
<html>
<body>
Enter your name: <input type="text" name="fname" id="fname" onblur="myFunction()">
<p>When you leave the input field, a function is triggered which transforms the input text to upper case.</p>
<script>
function myFunction() { let x = document.getElementById("fname"); x.value = x.value.toUpperCase();
}
</script>
</body>
</html>
When you enter the input field, a function is triggered which sets the background color to yellow. When you leave the input field, a function is triggered which sets the background color to red.
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
html event attributes |
Type
: |
Develop |
Category
: |
Web Tutorial |
Sub Category
: |
HTML Form Events Attribute |
Uploaded by
: |
Admin |
Read Article https://horje.com/learn/1434/reference