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'));
}
});
}
});