본문 바로가기

Programming/jQuery

[jQuery] input box 기본문자처리

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