Skip to content

Instantly share code, notes, and snippets.

@albohlabs
Forked from westonruter/gist:311373
Created August 1, 2011 17:49
Show Gist options
  • Save albohlabs/1118627 to your computer and use it in GitHub Desktop.
Save albohlabs/1118627 to your computer and use it in GitHub Desktop.
JavaScript: jQuery fallback implementation of HTML5 placeholder attribute
if(!jQuery('<input PLACEHOLDER="1" />')[0].placeholder){ //Uppercase attr for IE
jQuery(':input[placeholder]').each(function(){
var $this = $(this);
if(!$this.val()){
$this.val($this.attr('placeholder'));
$this.addClass('input-placeholder');
}
}).live('focus', function(e){
var $this = $(this);
if($this.hasClass('input-placeholder')){
$this.val('');
$this.removeClass('input-placeholder')
}
}).live('blur', function(e){
var $this = $(this);
if(!$this.val()){
$this.addClass('input-placeholder');
$this.val($this.attr('placeholder'));
}
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment