티스토리 뷰

코드 스니펫 복사


[JQUERY] INPUT 박스에 기본값 넣어주고 마우스 클릭시 초기화해주는 소스



오늘은 JQUERY를 이용해서 클릭하면 초기화하고 blur시 디폴트값을 넣어주는 소스코드를 보도록 하겠습니다. 소스코드는 아래와 같습니다. 


클래스 이름을 input_click_init이라고 정해주었습니다. 이 클래스를 지정해준 객체는 클릭하면 빈 값이 설정되고 blur가 되면 0을 설정합니다.



<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script type="text/javascript">
 $(function() {
    $(".input_click_init").focus(function() { 
      $(this).val('');
    }).blur(function() { 
      if($(this).val() == "") { $(this).val("0"); }
    });
 });
 </script>
  
 <input type="text" class="input_click_init" value="0">


신고
댓글
  • 프로필사진 techstar 좋은 정보 감사합니다. 그런데, 일반값은 그렇게하더라도, 비밀번호의 경우 *로 나타나는데 이럴 경우 어떻게 해야하나요 ? 즉, 아이디와 비밀번호라는 value값을 placeholder에 넣고자할때요. 보통 html5에서는 가능하지만, 이런 경우 비밀번호값이 type이 password로 되어 있는데.. 2015.09.09 06:40 신고
  • 프로필사진 하늘과 나 그런 경우에는 이미지로 해결하는 방법도 있습니다. 특정 문자를 css를 이용해서 백그라운드 이미지로 넣어주면 됩니다^^ 2015.09.09 17:26 신고
댓글쓰기 폼
공지사항
Total
2,515,019
Today
1,196
Yesterday
1,294
«   2017/11   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
글 보관함