代码之家  ›  专栏  ›  技术社区  ›  wolverene Loïc

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

  •  2
  • wolverene Loïc  · 技术社区  · 13 年前

    好的,我有一个输入标签。我使用了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"/>
    
    2 回复  |  直到 12 年前
        1
  •  9
  •   Community Mohan Dere    9 年前

    您可以使用新的html5属性 placeholder ,就像这样:

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

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

        2
  •  2
  •   pete    13 年前

    只需通过 .prop jQuery中的方法:

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

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