将焦点jQuery中的占位符输入类型文本更改为密码

好吧，我有一个输入标签。 我使用jquery输入提示，因此它显示标题=“密码”。 但如果它的类型是一个密码，它不会显示标题，它只是看* 。 因此，我需要将输入作为类型“文本”，然后将其更改为在焦点上键入：“密码”，并在焦点不清时回到文本。 我如何使用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"/>

---

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

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

你可以在这里看到在浏览器中对这个属性的支持。 正如你看到它缺乏IE 7,8和9，但如果你想支持他们检查这个答案。

---

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

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

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

链接地址: http://www.djcxy.com/p/70555.html

上一篇: Change placeholder input type text to password on focus jquery

下一篇: Clearing the textbox values onclick and displaying onblur