$('[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(''); | |
} | |
}) | |
}); |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
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 |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
actually, this doesn't work in IE < 9 |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
rjfranco
Jan 23, 2012
I made a quick work around to get this to work in IE7, and IE8 ( in coffee script )
https://gist.github.com/1664711
rjfranco
commented
Jan 23, 2012
I made a quick work around to get this to work in IE7, and IE8 ( in coffee script ) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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