Question

好的，我有一个输入标签。我使用了jquery输入提示，因此它显示了title =“password”。但如果它的类型是密码，它就不会显示标题，只是看起来只是 * 。所以我需要将输入设置为“text”类型，然后将其更改为在焦点上键入：“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" />

您可以在浏览器中看到here对此属性的支持。如你所见缺少IE 7,8和9，但如果你想支持它们，请查看answer。

Answer 2

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

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

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

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

2 个答案: