html中onblur属性的用法示例

这篇“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">

属性值

描述
script onblur 发生时运行的脚本。

实例:

<!-- ------------------------------ -->
<!-- 文件范例: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>

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注