什么是onblur属性
在HTML中，有一类事件叫做“失去焦点事件”，即元素从活动状态转为非活动状态时发生的事件，常见的表单元素就有这种状态。当用户输入完毕，将光标离开输入框时触发这个事件。onblur属性就是利用这个事件，绑定输入框的失去焦点的行为，实现某些需要针对失去焦点进行处理的功能。
onblur属性的语法和用法
onblur属性是HTML DOM元素属性，在元素中声明方式如下：
<input onblur="myFunction()"> 在这个input元素中声明了onblur属性，并利用JavaScript脚本调用了myFunction()函数，实现在元素失去焦点时执行myFunction()函数的效果。
指定事件处理程序实现onblur属性
还可以使用JavaScript来动态地绑定元素的onblur事件处理程序，语法如下：
var elem=document.getElementById("myInput");
elem.onblur=function(){
/*执行代码*/
}
上述代码表示获取了id为“myInput”的元素，并将其onblur事件处理程序设置为一个匿名函数，实现了在元素失去焦点时执行函数内的代码。
onblur属性的应用实例
假设我们需要给一个input输入框添加验证功能，要求在用户离开该输入框时进行验证，如果输入内容不符合规则，则给出错误提示，如果符合规则则不做任何操作。
<input type="text" id="myInput" onblur="checkInput()">
<p id="tips"></p>
<script>
function checkInput(){
var val=document.getElementById("myInput").value;
if(val=="" || val==null){
document.getElementById("tips").innerHTML="请输入内容！";
}else if(val.length<6){
document.getElementById("tips").innerHTML="输入内容太短！";
}else if(val.length>20){
document.getElementById("tips").innerHTML="输入内容太长！";
}else{
document.getElementById("tips").innerHTML="";
}
};
</script>
以上代码中，我们先给input添加了onblur事件，事件内调用了checkInput()函数，函数中获取了输入框的输入值，分别进行了三种不同的条件判断，根据不同的情况，给出了相应的提示信息。
onblur属性的应用场景
除了表单验证之外，onblur属性还经常用于输入框的输入、修改和更新等操作，以实现更好的用户体验。
比如，我们可以在一个input输入框内预置一些提示文字，在用户点击输入框后，这些文字会被清空，当用户离开该输入框时，如果输入框内空白，就回填预置的提示文字；如果有输入，就不做任何操作。代码实例如下：
<input type="text" value="请输入内容" onfocus="if(value==defaultValue)value='';" onBlur="if(!value)value=defaultValue;">
代码实现了当输入框获取焦点时，如果当前输入框的值等于默认值，就清空输入框；当焦点离开输入框时，如果输入框内值为空，则回填默认值。
总结
onblur属性是HTML中使用比较频繁的属性之一，在JavaScript中常常用于表单验证、清空输入框、预置输入框提示等场景，帮助我们实现更加智能、人性化的网页设计。