jQuery[input]占位符

Posted 2021-02-24

jQuery for inputy attribute "placeholder".

##### html #####
 
<input type="text" value="" placeholder="Write some instructions here" />
 
##### jQuery #####
 
// INPUT PLACEHOLDER
//---------------------------
$("'[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();
 
$("'[placeholder]'").parents("form").submit(function() {
  $(this).find("'[placeholder]'").each(function() {
    var input = $(this);
    if (input.val() == input.attr("'placeholder'")) {
      input.val("''");
    }
  })
});
//---------------------------