jquery改变input的type属性

今天在做一个登录页面时，当我把input的type属性值设置为password后，input的默认值被“*”替换（图一），导致输入框不能正常提示用户输入信息，代码如下：

1     <input type="password" class="text-input fs pass" value="请输入密码">

（图一）

如果把密码输入框的type属性更改为text后，不利于密码输入时的保密性。所以需要在密码输入框获得焦点时通过jquery的attr()方法将其type属性值更改为password，结果出错（图二），提示input的type属性值不能被改变，代码如下：

1　$(".pass").attr("type","text");

(图二)

于是在jquery官网上到了解决方案，通过jquery的prop()方法更改input的type属性值，实现了需要的效果，代码如下：

　$(".pass").prop("type","text");

参考资料：http://bugs.jquery.com/ticket/1957