Placeholder for old browser

						/* placeholder 설정하기 for IE7,8 */
						$(function(){
							if($("html").hasClass("old")){ 
								
							   $('input[placeholder]').each(function(){  
									
									var input = $(this);      
											
									$(input).val(input.attr('placeholder'));
											
									$(input).focus(function(){
										 if (input.val() == input.attr('placeholder')) {
											 input.val('');
										 }
									});
									
									$(input).blur(function(){
										if (input.val() == '' || input.val() == input.attr('placeholder')) {
											input.val(input.attr('placeholder'));
										}
									});
								});
							};	
						});
						

위 스크립트를 작동시키기 위해 필요한 것이 있다. 바로 IE 조건식으로 input text의 placeholder 기능을 사용할 수 있는 브라우저와 그렇지 않은 브라우저를 구별하는 것이다.

							<!DOCTYPE html>
							<!--[if IE 7]><html lang="ko" class="no-js old ie7"><![endif]-->
							<!--[if IE 8]><html lang="ko" class="no-js old ie8"><![endif]-->
							<!--[if IE 9]><html lang="ko" class="no-js modern ie9"><![endif]-->
							<!--[if !IE]><!--><html lang="ko" class="no-js modern"><!--<![endif]-->
						

위와 같이 modernizer와 IE 조건식을 사용해서 old 브라우저를 탐색하고, old 브라우저인 경우에는 placeholder에 설정되어 있는 text를 input의 value attribute에 설정해 주어 placeholder와 유사한 형식으로 나타내 주는 것이다.