表单的密码输入框

表单的密码输入框 表单的密码输入框，默认能够显示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 = document.getElementsByClass(„psw?)[0]; o_psw.onfocus = function(){ this.type = “password”; this.value = “”; } o_psw.onblur = function(){ this.type = “text”; this.value = “密码”; } 这种方法呢，在火狐、谷歌、360的极速模式、ie9都可以实现了，ie8、7、6都不行，这是因为在ie中，如果input 已经存在页面中，该input的type属性是不能修改的，因为此时的type属性时只读属性。 所以，现在就只能使用第二种方法了。(可参考共享里面的:20150107-YZZ 969g 15666 通行证 ， 这个登录页面)