位置: 编程技术 - 正文

javascript自动恢复文本框点击清除后的默认文本(js如何实现重置功能)

编辑:rootadmin

推荐整理分享javascript自动恢复文本框点击清除后的默认文本(js如何实现重置功能),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js readonly 恢复,javascript 自动执行,js readonly 恢复,js还原,javascript重置,js如何实现重置功能,js恢复默认事件,javascript重置,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例介绍了点击文本框清除默认文本离开再恢复的js实例代码,分享给大家供大家参考,具体内容如下

相关知识:

1、onclick事件的定义和用法:当点击对象的时候会触发此事件。浏览器支持:1)、IE浏览器支持此事件。2)、火狐浏览器支持此事件。3)、Opera浏览器支持此事件。4)、谷歌浏览器支持此事件。5)、safria浏览器支持此事件。实例代码:

以上代码为div注册onclick事件处理函数,当点击div的时候就会执行此处理函数将div的背景颜色设置为绿色。

javascript自动恢复文本框点击清除后的默认文本(js如何实现重置功能)

2、onblur事件的定义和用法:当指定对象失去焦点时就会触发此事件。实例代码:

以上代码为input元素的onblur事件绑定事件处理函数,当input元素失去焦点的时候,能够将背景颜色设置为绿色。

接下来是重中之重:点击文本框清除默认文本离开再恢复

很多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框。代码如下:

以上代码实现了我们的要求,当点击文本框的时候能够清除文本框中的内容,如果文本框没有输入任何内容,这个时候鼠标焦点离开文本框的时候,会将文本框的值恢复到默认状态。不过如果密码框肯恩有点麻烦,因为密码框并非显示的明文,解决方案可以参考如何实现在密码框如出现提示语下段内容。

如何实现在密码框如出现提示语:有时候我们需要在登陆表单有一些提示语言,比如“请输入用户民”和“请输入密码”等语言,至于用户名好说,但是在密码框中出现“请输入密码”这样的语言就有点麻烦了,因为在密码框输入的内容不会以明码显示。如果动态的控制type属性的话就有兼容性问题,如果input已经存在于页面中的话,在IE8和IE8以下浏览器中,type属性是只读的。所以就得想其他办法,代码如下:

以上代码实现了我们的要求,可以出现明码的提示,当输入密码的时候就是以密码方式输入。实现的原理非常的简单,在默认状态以type="text"文本框显示,当点击文本框的时候,以type="password"密码框显示,原来显示的文本框隐藏,也就是说做了一个替换而已。

标签: js如何实现重置功能

本文链接地址:https://www.jiuchutong.com/biancheng/383776.html 转载请保留说明!

上一篇:JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法(js清除文本框内的文字)

下一篇:JavaScript实现输入框(密码框)出现提示语(js 输入)

  • 小规模纳税人本月应交增值税
  • 每个月必报的税种
  • 从厂家拿货怎么谈价格
  • 以公司名义买50万的车可以省多少钱
  • 纳税申报表包含哪些内容
  • 小微企业和小规模纳税人的区别
  • 代理服务费收取标准
  • 进口货物关税计入成本吗
  • 注册资本没有缴足前贷款利息
  • 五险一金缴税基数
  • 销售方开票不填开户行
  • 一般纳税人转小规模怎么办理
  • 培训费增值税专用发票
  • 公司收到个人借款的现金流量
  • 合并报表利润表是当期还是累计
  • 契税纳税义务发生时间税屋
  • 消费税的纳税地点在哪里
  • 交社保公积金需要劳动合同吗
  • 银行利息收入的账务处理
  • 小企业补贴收入怎么做账
  • 关于小微企业的规定
  • 利用Windows Media将二进制文件转音频
  • 如何把操作系统转移到固态硬盘
  • 其他流动负债有利息吗
  • 租赁合同维修费用
  • 如何自己打造一台高赛摩托车
  • linux 去除换行
  • androirc下载
  • PHP:curl_unescape()的用法_cURL函数
  • 住房公积金会扣税吗
  • hpdskflt.sys
  • setlang.exe - setlang是什么进程 有什么用
  • 进出口怎么交税
  • 小规模纳税人超标认定一般纳税人
  • php实现图片上传的方法
  • php操作json文件
  • vue3开发app
  • 季度申报残保金怎么计算
  • php+ mysql教程
  • 愚人挑战
  • vmware虚拟机安装在移动硬盘
  • 退质保金计入什么科目
  • 超市小票可以作为证据吗
  • python监控模块
  • 结转个人承担的社保费分录
  • 外资公司股东
  • 织梦模板安装完整教程
  • python3 tcp
  • 医用增值税发票
  • 工会记账凭证怎么记
  • 废旧物资专用发票
  • mysql存储引擎有哪些区别
  • 企业对公帐户怎么转出私人帐户
  • 企业缴纳耕地占补多少
  • 小额贷款公司ei
  • 职工教育经费能开专票吗
  • 普通发票红字冲销怎么操作流程
  • 借资本公积贷递延所得税负债是什么意思
  • 根据企业会计准则第4号固定资产,企业可选用的折旧方法
  • 个人购买办公用品 可以证明是单位吗
  • mysql中索引的使用
  • sql分几类
  • mysql函数返回值类型
  • sql server多表查询
  • mysql5.7.27安装
  • mysql中decimal对应java类型
  • 微软6月24号
  • windows自带邮件应用
  • mac的qq缓存在哪里怎么打开
  • dotnetfx35有什么用
  • win8系统与win10哪个好
  • win7系统c盘占用空间大
  • CCKiller:Linux轻量级CC攻击防御工具,秒级检查、自动拉黑和释放
  • glsl编译
  • shell脚本实现ssh登录
  • Python IDE PyCharm的基本快捷键和配置简介
  • js跳出if语句
  • 电子发票未验真是假发票吗
  • 供热用地规划指标
  • 包装种类代码表集装箱
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设