| 제목 | jquery를 IE용 placeholder | ||
|---|---|---|---|
| 글쓴이 | 한대승(불의회상) | 작성시각 | 2012/12/31 23:22:27 |
|
|
|||
$()(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 } |