input box 기본문자처리
<input type="text" value="" id="field_name" title="Enter Name">
$('input[type = "text"]').each(function(){
this.value = $(this).attr('title');
$(this).addClass('text-label');
$(this).focus(function(){
if(this.value == $(this).attr('title')) {
this.value = '';
$(this).removeClass('text-label');
}
});
$(this).blur(function(){
if(this.value == '') {
this.value = $(this).attr('title');
$(this).addClass('text-label');
}
});
});
HTML5 에서는 placeholder="" 옵션으로..
'Programming > jQuery' 카테고리의 다른 글
[jQuery] Ajax 전송 (0) | 2014.08.14 |
---|---|
[jQuery] HTTP Body로 Ajax JSON POST (0) | 2014.08.14 |
[jQuery] checkbox 관련 (0) | 2014.03.19 |
[jQuery] select box 관련 (0) | 2014.03.19 |
[jQuery] when() 함수 (0) | 2014.03.19 |