您的位置：首页 > Web前端 > JavaScript

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

2015-11-26 14:17 801 查看

思路：

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

JS代码：

window.onload=function(){
　　var input=document.getElementById('input');
　　input.onfocus=function(){
　　　　if(this.value=='请输入密码'){
　　　　　　this.value='';
　　　　　　this.type='password';
　　　　};
　　};
　　input.onblur=function(){
　　　　if(!this.value){
　　　　　　this.type = 'text';
　　　　　　this.value = '请输入密码';
　　　　};
　　};
};

HTML代码：

复制代码代码如下:
<input type="text" value="请输入密码" id="input" />

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

JavaScript压缩/格式化/加密工具：http://tools.jb51.net/code/jscompress

另外，上面这款js工具中的加密使用的是eval函数加密形式，对此本站还提供了如下这款针对eval函数加密的解密工具，非常强大实用！

js的eval方法在线加密解密工具：http://tools.jb51.net/password/evalencode

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JS 密码框焦点文字

相关文章推荐

新的分享

章节导航