본문 바로가기
Programming/jQuery

jQuery를 사용해서 폼 기본값 넣기.

by 신규하 2009. 10. 30.
폼에서 기본값을 넣어 주고.. 포커스가 가면 그 값을 지워주는 코드 입니다.
defaultValue에 대한 자바스크립트 코드는 이곳을 참고 하세요.

$(document).ready(function() {
   $('input[type=text]').focus(function() {
      if($(this).val() == $(this).attr('defaultValue')) {
         $(this).val('');
      }
   })
   .blur(function() {
      if($(this).val().length == 0) {
         $(this).val($(this).attr('defaultValue'));
      }
   });
});

위와 같은 코드를 넣어 주고.. 아래와 같은 코드를 사용하시면 됩니다.
<input type="text" value="입력해주세요." />

이렇게 해 주면.. "입력해주세요."가 기본값으로 입력 되게 됩니다.

댓글