不建议使用 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 通行证 , 这个登录页面)