位置: 编程技术 - 正文

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 输入)

  • 使用增值税发票的条件
  • 增值税即征即退怎么计算
  • 房产税的计算公式是多少
  • 应收账款和应付账款可以抵消吗
  • 赠品要做视同销售申报纳税吗
  • 金蝶专业版仓库反审核怎么做
  • 小规模纳税人未开票收入填在哪里
  • 车船税的收据什么样
  • 中小企业免税证明
  • 预缴 汇算清缴
  • 发票纳税人识别号错了能重新开吗
  • 公司委托法人代收款
  • 知识产权投资入股要交税吗
  • 加计扣除需要注意的几大风险点
  • 实收资本记错账如何调整账面价值
  • 进项5万出项6万,需交多少税
  • 怎么区分汇总原始凭证与累计原始凭证?
  • 食堂非税收入怎么申报
  • 退休职员工伤补助金放哪个科目?
  • 工商年报的纳税总额怎么填写
  • win10 2004 2009
  • 维修进水的笔记怎么写
  • 屏幕乱跳广告解决办法
  • 桌面右键个性化没有关联的程序
  • 商会账目
  • 委托软件开发费用怎么入账
  • 轻薄本拆卸
  • php中的类型提示是什么
  • 餐饮企业库存盘点表
  • 微信小程序不方便
  • symfony框架的特点
  • 服务行业的进项
  • flex布局教程实例篇
  • 股本减少是什么意思
  • 20年电赛c题
  • imu模型
  • 用友u8删除凭证的步骤
  • 一个残疾证一年单位免多少税2023
  • 股权收购账务处理
  • 收到事业单位分红怎么办
  • css入门经典
  • phpcms怎么用
  • mysql基本命令大全
  • 增值税专用发票怎么开
  • 一次性用品可以做什么东西
  • 哪些情况属于
  • 暂估价和实际价格不一致的处理方式
  • 公司年度汇算清缴费用多少
  • 给慈善机构捐款英语
  • 应交税费会计核算
  • 在建工程的
  • 建筑业农民工工资个税合理避税
  • 月末结转后应交税费应交增值税一般无余额
  • 一般会计准则是什么
  • 亏损弥补的新旧不同
  • 赞助费入账需要多久
  • ubuntu20.04软件安装
  • cmd命令start命令
  • ppap是什么文件
  • linux如何管理文件
  • Windows设置在哪里
  • 创建nodejs项目的步骤
  • dos批处理教程
  • 样式的使用方法
  • python怎么运作
  • 机械革命系统重装官方教程
  • 深入解读我本是高山
  • python 内连接
  • unity strangeioc
  • 怎么利用python爬虫爬数据
  • JavaScript File API文件上传预览
  • node的express干什么用
  • js保存设置
  • python中txt文件的读写
  • 北京市房山区限行范围
  • 别人用你的收款码能骗到钱吗
  • 畜牧业企业所得税优惠政策最新
  • 税务检查的程序
  • 广告行业税率6%包含的内容
  • 怎么查国税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设