jquery placeholder.js 플러그인

기본 input attribute placeholder는......... ie9이하 안되더라..

그래서 span으로 꼼수를 부리고는 했었는데, 플러그인이 있어 간편하게 사용가능하다.

무려 하위브라우저 지원 가능.! (ie 애뮬레이터를 통해 ie5까지 되는 것 확인했다.(windows8.1 기준))

 

HTML

<input type="text" placeholder="이름을 입력해주세요.">

 

JS

<script type="text/javascript" src="/public/javascripts/jquery.min.js"></script>
<script type="text/javascript" src="/public/javascripts/lib/jquery.placeholder.min.js"></script>
<script>

  (function ($) {
      // 이런식으로 쓰면 된다.
      $('input, textarea').placeholder();
  })(jQuery);
  
</script>

 

자세한 것은! ↓↓↓↓↓

https://github.com/mathiasbynens/jquery-placeholder