TIP게시판

제목 jquery를 IE용 placeholder
글쓴이 한대승(불의회상) 작성시각 2012/12/31 23:22:27
댓글 : 2 추천 : 0 스크랩 : 0 조회수 : 15920   RSS
한대승(불의회상)
html5를 지원하는 웹브라우져에서는 다 지원한다는데.... 왜 유독 IE만....

$()(function(){
 var input = document.createElement("input");
    if(('placeholder' in input)==false) { 
  $('[placeholder]').focus(function() {
   var i = $(this);
   if(i.val() == i.attr('placeholder')) {
    i.val('').removeClass('placeholder');
    if(i.hasClass('password')) {
     i.removeClass('password');
     this.type='password';
    }   
   }
  }).blur(function() {
   var i = $(this); 
   if(i.val() == '' || i.val() == i.attr('placeholder')) {
    if(this.type=='password') {
     i.addClass('password');
     this.type='text';
    }
    i.addClass('placeholder').val(i.attr('placeholder'));
   }
  }).blur().parents('form').submit(function() {
   $(this).find('[placeholder]').each(function() {
    var i = $(this);
    if(i.val() == i.attr('placeholder'))
     i.val('');
   })
  });
 }
});
* 사용법
1. 당근 jquery 로딩 하셔야 합니다.
2. input 태그에 아래와 같이 쓰시면 됩니다.
<input type="text" name="id" placeholder="ID">

끗!!!

2012년 대략 35분 남았군요...
아듀~~~~~~~~~~~~~

모하는건지... ㅡㅡ;;
 다음글 codeigniter Asset helper - jQu... (2)
 이전글 우분투와 맥의 프롬프트 컬러 색상 변경하기 (2)

댓글

UYEONG / 2013/01/02 12:48:18 / 추천 0
좋은 팁 감사합니다! 새해 복 많이 받으세요!!
홍구2 / 2013/03/19 13:20:19 / 추천 0
 위 소스를 쓸 때에 css에 아래와 같은 css를 같이 쓰면 더 진짜 같겠군요ㅎ

.placeholder { color : gray }