Este atributo se activa en el momento en que el elemento pierde el foco. Este atributo se usa principalmente en el código de validación de formularios. Este atributo es lo opuesto al atributo onfocus .
Etiquetas admitidas: admite todos los elementos HTML, excepto estos elementos que se detallan a continuación:
- <base>
- <bdo>
- <br>
- <cabeza>
- <html>
- <iframe>
- <meta>
- <parámetro>
- <script>
- <estilo>
- <título>
Sintaxis:
<element onblur = "script">
Valor del atributo: este atributo se utiliza para cualquier elemento HTML. El script se ejecuta cuando se llama al atributo onblur.
Ejemplo:
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>
<!-- 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>
Salida:
Antes de hacer clic fuera:
Después de hacer clic fuera:
Navegadores compatibles: los navegadores compatibles con el atributo onblur se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA