html自动隐藏密码,HTML 控制密码框的可见和隐藏

html 中如何控制密码框的隐藏和可见呢?

js方法:

/***

* toggle 密码明文

* @constructor

*/

function ShowHidePW() {

if (!pwState) {

pwFixer.changePasswordVisiblity(1, "new_password2");

pwState = true;

} else {

pwFixer.changePasswordVisiblity(0, "new_password2");

pwState = false;

}

}

注意:changePasswordVisiblity的第二个参数是元素的id

changePasswordVisiblity方法如下:

changePasswordVisiblity= function (what, id) {

what = parseInt(what,10);

var theEl = document.getElementById(id);

if (what === 1) { //show

$(theEl).vendorCss("TextSecurity","none");

} else {

$(theEl).vendorCss("TextSecurity","disc");

}

if(!$.os.webkit) {

if(what === 1)

theEl.type="text";

else

theEl.type="password";

}

theEl = null;

}

demo地址:外链网址已屏蔽

注意:demo必须在手机浏览器中访问