简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

html如何使用失去焦点属性onblur

醉折花枝作酒筹
发布： 2023-01-05 16:07:44
原创
5160 人浏览过

在html中，onblur属性在元素失去焦点时触发。语法<元素名称 onblur="Javascript指令">”，onblur 经常用于Javascript验证代码，一般用于表单输入框。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

onblur属性在元素失去焦点时触发。常用于表单验证代码（例如用户离开表单字段）。

说明：

1、onfocus 属性与 onblur 属性是相反的。

2、所有主流浏览器都支持 onfocus 属性和 onblur 属性。

实例

当用户离开输入字段时对其进行验证：

<script>
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
<p>请输入您的姓名，然后把焦点移动到字段外：</p>
请输入您的姓名（英文字符）：<input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
登录后复制

2018814153018853.png

推荐学习：html视频教程

以上是html如何使用失去焦点属性onblur的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html
来源：php.cn
上一篇：html如何引入js文件 下一篇：html如何禁止右键
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
javascript - 表单中输入框值远程合法性验证问题 1.问题是这样的，有一个输入框，我想在onBlur时机去验证该值在数据库中是否已经存在，就像我们平时注册邮箱的时候会实时提示该邮箱名称是否已经被使用。之前在jquery时代可以是指...
来自于 2017-07-05 11:04:40
0
2
687
javascript - angularjs ngblur不生效 onblur生效，为什么？ {代码...} 这个input使用ng-blur是不会触发的，但是直接DOM绑定onblur事件是会触发，为什么？
来自于 2017-06-30 09:57:53
0
2
618
javascript - 注册页password在没有输入之前，怎样才能默认显示文字，而不是点？ <input type="password" name="info[password]" id="password3&quo...
来自于 2017-06-22 11:53:46
0
8
534
javascript - 文本框onblur事件连续触发的问题 text标签 onblur="alert()" 文本框失去光标的时候触发alert();但是当鼠标选中此text,然后鼠标离开整个浏览器窗口(比如点击下桌面),...
来自于 2017-05-19 10:13:27
0
2
839
javascript - onblur+alert+focus导致的死循环原因？ {代码...} 已经有focus焦点设置了 ,为什么这个代码还是死循环的？
来自于 2017-05-19 10:11:12
0
2
552
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！