位置: 编程技术 - 正文
JavaScript实现输入框(密码框)出现提示语(js 输入)
编辑：rootadmin推荐整理分享JavaScript实现输入框(密码框)出现提示语(js 输入)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js实现输入框,javascript的输入,javascript输入语句,javascript输出语句怎么打,javascript如何输入数据,javascript输入输出,javascript 输入,javascript 输入,内容如对您有帮助，希望把文章链接给更多的朋友！
有时候我们需要在登陆表单有一些提示语言，比如“请输入用户名”和“请输入密码”等语言，至于用户名好说，但是在密码框中出现“请输入密码”这样的语言就有点麻烦了，因为在密码框输入的内容不会以明码显示。如果动态的控制type属性的话就有兼容性问题，如果input已经存在于页面中的话，在IE8和IE8以下浏览器中，type属性是只读的。所以就得想其他办法，代码如下:
以上代码实现了我们的要求，可以出现明码的提示，当输入密码的时候就是以密码方式输入。
实现的原理非常的简单，在默认状态以type="text"文本框显示，当点击文本框的时候，以type="password"密码框显示，原来显示的文本框隐藏，也就是说做了一个替换而已。
学习JavaScript设计模式之策略模式 把不变的部分和变化的部分隔开是每个设计模式的主题。条条大路通罗马。我们经常会遇到解决一件事情有多种方案，比如压缩文件，我们可以使用zip
探析浏览器执行JavaScript脚本加载与代码执行顺序 本文主要基于向HTML页面引入JavaScript的几种方式，分析HTML中JavaScript脚本的执行顺序问题1.关于JavaScript脚本执行的阻塞性JavaScript在浏览器中被解析和执行
轻松实现Bootstrap图片轮播 本文实例讲解了Bootstrap实现图片轮播的详细代码，分享给大家供大家参考，具体内容如下具体代码：!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"titleDocument/titlel
标签: js 输入
本文链接地址:https://www.jiuchutong.com/biancheng/383777.html 转载请保留说明！上一篇：javascript自动恢复文本框点击清除后的默认文本(js如何实现重置功能)
下一篇：学习JavaScript设计模式之策略模式(javascript学习指南)
