Question

Facebook登录时在其密码字段中有“Dom占位符”。当我点击输入密码时，占位符消失，并允许我输入我的密码“masked”。

这个Javascript是否相关，我将如何继续复制此脚本？

Answer 1

是的，它可以通过JavaScript完成，但有些浏览器本身也支持它。 placeholder属性是HTML5添加;某些浏览器（例如基于WebKit的浏览器）已经支持它。

使用jQuery 1.4的示例

<!-- this will work automatically for some browsers -->
<input type="text" placeholder="enter some text">


<!-- script for browsers which don't support it natively -->
<script type="text/javascript">
$.fn.placeholder = function(){

  // quit if there's support for html5 placeholder
  if (this[0] && 'placeholder' in document.createElement('input')) return; 

  return this
    .live('focusin',function(){

      if ($(this).val() === $(this).attr('placeholder')) {
        $(this).val('');
      }

    }).live('focusout',function(){

      if ($(this).val() === ''){
        $(this).val( $(this).attr('placeholder') );
      }_  
    });
}

$('input[placeholder]').placeholder();
</script>

注意：代码是从this Pastie链接的jQuery 1.4 hawtness复制的。我还没有验证它适用于各种浏览器。如果您不使用jQuery，可以在Google上找到其他JavaScript解决方案。

Answer 2

有一个jQuery插件可以做到这一点： http://plugins.jquery.com/node/14237

密码上的Facebook Dom占位符

2 个答案:

使用jQuery 1.4的示例