HTML:

<input type="text" maxlength="30" name="username" class="input-txt" placeholder="请输入您的姓名">

JS:

 $("[placeholder]")
    .focus(function() {      var input = $(this);      if (input.val() == input.attr("placeholder")) {
        input.val("");
        input.removeClass("placeholder");
      }
    })
    .blur(function() {      var input = $(this);      if (input.val() == "" || input.val() == input.attr("placeholder")) {
        input.addClass("placeholder");
        input.val(input.attr("placeholder"));
      }
    })
    .blur()
    .parents("form")
    .submit(function() {
      $(this).find("[placeholder]").each(function() {        var input = $(this);        if (input.val() == input.attr("placeholder")) {
          input.val("");
        }
      });
    });

CSS:

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #666;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #666;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #666;
}

赏 支付宝扫码打赏 微信扫码打赏

如果本文对你有帮助，欢迎打赏本站