jquery - 在焦点 jquery 上将占位符输入类型文本更改为密码

Question

好的，我有一个输入标签。我使用了 jquery 输入提示，因此它显示了 title="password"。但是，如果它的类型是密码，它就不会显示标题，它只会看起来*。因此，我需要将输入输入为“文本”类型，然后将其更改为输入：焦点上的“密码”，并在失去焦点时返回文本。我如何用jquery做到这一点？

<input name="pwd" type="text" class="pwd" value="" title="Password"/>
// look like below on focus and back to text on focus out
<input name="pwd" type="password" class="pwd" value="" title="Password"/>

Answer 1

您可以使用新的 html5 属性placeholder，如下所示：

<input type="password" name="pass" placeholder="Enter your password" />​

您可以在此处查看浏览器对此属性的支持。如您所见，IE 7、8 和 9 缺少它，但如果您想支持它们，请查看此答案。

Answer 2

.prop只需通过jQuery中的方法更改输入类型：

$(document).ready(function() {
    $('#passwordInput').focus(function() {
        $(this).prop('type', 'password').val('');
    });
});

这是一个小提琴：http: //jsfiddle.net/7hVjV/