admin 管理员组

文章数量: 1184232


2024年1月10日发(作者：html页面空格字符)

表单的密码输入框，默认能够显示value值，当获取焦点时，就不显示默认的value值，当失去焦点时，就又变回来原来的默认的value，并显示该文字

方法：

第一种：

给这个密码输入框 的 type 属性默认设置为 type=”text” ，然后当这个输入框被点击或者获取焦点时，就将这个 type=”text” 的属性改变为：

type=”password” ，并将当前的 value 值设置为空；

当当前的 input 失去焦点时，就将当前的 input 的 type=”password” 的值改变为 type=”text”，并将value的值设置为： value=”密码”，整个效果就有了。

第二种：

再在当前的input上面多加一个input ，这个input的type属性也是 type=”text”，然后，value=”密码”，将这个input的位置绝对定位到密码输入框的同一个位置，然后将 密码输入框的input设置为隐藏（最好是透明为0，让它透明。不建议使用display：none;），然后当这个type=”text”的input，被点击时，就display:none 掉，这里就建议用 display:none ； 然后将密码输入框的input 的透明设置为不透明。

然后，当密码输入框的失去焦点时，再反过来执行之前的操作。

第一种方法的js：

var o_psw = mentsByClass(„psw‟)[0];

o_s = function(){

= “password”;

= “”;

}

o_ = function(){

= “text”;

= “密码”;

}

这种方法呢，在火狐、谷歌、360的极速模式、ie9都可以实现了，ie8、7、6都不行，这是因为在ie中，如果input 已经存在页面中，该input的type属性是不能修改的，因为此时的type属性时只读属性。

所以，现在就只能使用第二种方法了。(可参考共享里面的：20150107-YZZ 969g 15666

通行证 ， 这个登录页面)


本文标签： 输入框 密码 属性 页面 透明

版权声明：本文标题：表单的密码输入框 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1704823382a463259.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。