티스토리 뷰

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


[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">


신고

Recent Comments

  • 프로필사진

    techstar

    2015.09.09 06:40 신고

    좋은 정보 감사합니다. 그런데, 일반값은 그렇게하더라도, 비밀번호의 경우 *로 나타나는데 이럴 경우 어떻게 해야하나요 ? 즉, 아이디와 비밀번호라는 value값을 placeholder에 넣고자할때요. 보통 html5에서는 가능하지만, 이런 경우 비밀번호값이 type이 password로 되어 있는데..