首页前端开发JavaScripthtml如何使用失去焦点属性onblur

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

时间2024-01-29 13:36:03发布访客分类JavaScript浏览421
导读:收集整理的这篇文章主要介绍了html如何使用失去焦点属性onblur,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,onblur属性在元素失去焦点时触发。语法<元素名称 onblur="Javascript指令">...
收集整理的这篇文章主要介绍了html如何使用失去焦点属性onblur,觉得挺不错的,现在分享给大家,也给大家做个参考。

在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").valuedocument.getElementById("fname").value=x.toUpperCase()}
    /script>
    /head>
    body>
    p>
    请输入您的姓名,然后把焦点移动到字段外:/p>
    请输入您的姓名(英文字符):input type="text" name="fname" id="fname" onblur="upperCase()">
    /body>
    

推荐学习:html视频教程

以上就是html如何使用失去焦点属性onblur的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

onblur

若转载请注明出处: html如何使用失去焦点属性onblur
本文地址: https://pptw.com/jishu/591148.html
html如何引入js文件 html如何禁止右键

游客 回复需填写必要信息