Skip to content

kreding/ie-placeholder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ie-placeholder

input/textarea[placeholder] compatible ie6-ie9

主要用来解决IE6-IE9不支持placeholder属性,

/*=placeholder color= S*/
input{color:black;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#69C;}
.ie-placeholder{color:#69C;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#69C;opacity:1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#69C;}
/*=placeholder color= E*/
<input type="text" placeholder='ie-placeholder' >
$(function(){
  fnPlaceholder()	
})
var fnPlaceholder=function(){
	if(!('placeholder' in document.createElement('input'))){/* nonsupport placeholder*/
		$("input[placeholder],textarea[placeholder]").closest('form').has(':reset').bind('reset',function(){/*click reset*/
			setTimeout(function(){
				$("input[placeholder],textarea[placeholder]").each(function(){
	 				$(this).val($(this).attr('placeholder')).addClass('ie-placeholder');
	 			})	 			
			},0)

		})
		$("input[placeholder],textarea[placeholder]").each(function(){
			$(this).val($(this).attr('placeholder')).addClass('ie-placeholder');
		}).bind('focus',function(){
			if($(this).val()==$(this).attr('placeholder')){
				$(this).val("").removeClass('ie-placeholder')
			}
		}).bind('blur',function(){
			if($(this).val().length==0){
			$(this).val($(this).attr('placeholder')).addClass('ie-placeholder')
			}
		})
	}
}

About

input/textarea[placeholder] compatible ie6-ie9

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published