juqery 폼항목 placeholder 사용하기

html폼항목에서 placeholder 사용하기..

포커싱이 생길때 placeholder 값을 초기화한후

포커스아웃이될때 rel 의 값을 다시 placeholder 으로 넣어줌.

IE에선 제대로 지원이 안되서 ie만 로직이 좀 길어짐.

다른소스 이게 더좋은듯... http://jsfiddle.net/d9bnV/ 

html부분

<input type="text" name='tel' id='tel' placeholder="연락 받을 전화번호" rel='연락 받을 전화번호' required />

스크립트 부분

$(document).ready(function(){

if ($.browser.msie) {

$('input[type=text]').each(function(){

if($(this).attr('placeholder')) {

var placeholder = $(this).attr('placeholder');

$(this).val(placeholder).css('color','#aaa');

}

});

$('input[type=text]').focus(function(){

if($(this).attr('placeholder')) {

$(this).css('color','#000');

var placeholder = $(this).attr('placeholder');

if($(this).val() == placeholder){

$(this).val('');

}

}

}).blur(function(){

if($(this).attr('placeholder')) {

var placeholder = $(this).attr('placeholder');

if($(this).val() == ''){

$(this).val(placeholder).css('color','#aaa');

}

}

});

}else{

$('input[type=text]').focus(function(){

$(this).attr('placeholder','');

}).blur(function(){

if($(this).val() == ''){

$(this).attr('placeholder',$(this).attr('rel'));

}

});

}

});