Advanced Search

Return to Snippet

Revision: 54210
at December 14, 2011 22:25 by mihael
Updated Code 
##### 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("''");
    }
  })
});
//---------------------------

Revision: 54209
at December 14, 2011 22:19 by mihael
Initial Code 
##### 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("''");
    }
  })
});
//---------------------------
Initial URL 









Initial Description





jQuery for inputy attribute "placeholder".









Initial Title





jQuery [input] Placeholder









Initial Tags





jquery, html5









Initial Language





jQuery