JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果(javascript密码框)

推荐整理分享JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果(javascript密码框)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript密码框,js设置密码明文显示,js设置密码的代码,js设置密码的代码,js密码输入框代码,js密码输入框代码,js密码输入框代码,js密码输入框代码,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例讲述了JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果。分享给大家供大家参考，具体如下：

思路：

1、首先用把密码框用txt暂时替代，并赋上默认值 <input type="text" value="请输入密码" />2、当文本框获取焦点后，把默认值清空，把type改为password。3、当文本框失去焦点后，把type改为txt，把默认值设为“请输入密码”。

JS代码：

HTML代码：

PS：这里再为大家推荐一款非常好用的JavaScript压缩、格式化与加密工具，功能非常强大（对于想让代码加密的朋友不妨试试这里的js加密功能）：

JavaScript压缩/格式化/加密工具：

学习JavaScript设计模式(封装) 在JavaScript中，并没有对抽象类和接口的支持。JavaScript本身也是一门弱类型语言。在封装类型方面，JavaScript没有能力，也没有必要做得更多。对于JavaScri

js图片跟随鼠标移动代码 在很多网站上能看到图片跟随鼠标移动的JS特效，其实做法很简单，在这里与大家分享下。在实现这个特效之前，需要了解JS中一个对象，event(事件对象)

学习JavaScript设计模式(继承) 1、继承在javascript中继承是一个非常复杂的话题，比其他任何面向对象语言的中的继承都复杂得多。在大多数其他面向对象语言中，继承一个类只需要使