温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

html中onblur属性的用法示例

发布时间:2021-03-01 11:26:29 来源:亿速云 阅读:572 作者:清风 栏目:web开发

这篇“html中onblur属性的用法示例”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“html中onblur属性的用法示例”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

实例

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

<input type="text" name="fname" id="fname" onblur="upperCase()">

浏览器支持

IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 onblur 属性。

定义和用法

onblur 属性在元素失去焦点时触发。

onblur 常用于表单验证代码(例如用户离开表单字段)。

提示:onblur 属性与 onfocus 属性相反。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onblur="script">

属性值

描述
scriptonblur 发生时运行的脚本。

实例:

<!-- ------------------------------ -->
<!-- 文件范例:15-20.htm -->
<!-- 文件说明:OnBlur事件 -->
<!-- onblur 是控件在失去焦点的时候触发的事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnBlur事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1">
<input type="text" name="test2" value="test2" onBlur=alert("我失去了输入焦点!")>
</Form>
</body>
</html>

感谢你的阅读,希望你对“html中onblur属性的用法示例”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI