Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save kidbrax/1228210 to your computer and use it in GitHub Desktop.
Save kidbrax/1228210 to your computer and use it in GitHub Desktop.
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
if (this.originalType) {
this.type = this.originalType;
delete this.originalType;
}
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
if (this.type == 'password') {
this.originalType = this.type;
this.type = 'text';
}
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('');
}
})
});
@kidbrax
Copy link
Author

kidbrax commented Sep 20, 2011

Added check for type=password field to fix issue in IE. Based on Richard Connamacher's comment at http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

@kidbrax
Copy link
Author

kidbrax commented Sep 20, 2011

actually, this doesn't work in IE < 9

@rjfranco
Copy link

I made a quick work around to get this to work in IE7, and IE8 ( in coffee script )
https://gist.github.com/1664711

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment