HTML5가 지원이 되지 않는 브라우져에서 form입력필드의 placeholder사용하기

최신의 브라우져에서는 HTML5를 지원하기 때문에 placeholder가 문제없이 동작이 되지만
HTML지원이 되지 않는 브라우져에서 placeholder를 지정해도 동작이 되지 않는 문제가 있습니다.

이에 대한 대안으로

jquery.placeholder.js를 이용하면 해결을 할 수가 있습니다.

jquery.placeholder.js는 아래에서 받으시면 됩니다.
https://github.com/mathiasbynens/jquery-placeholder

* 적용방법은

1. 다운로드한 jquery.placeholder.js를 js/jquery.placeholder.js 와 같이 업로드 후

2. 글 작성 스킨 또는 ./head.sub.php에
<script src="<?php echo G5_JS_URL ?>/jquery.placeholder.js"></script>
와 같이 추가합니다.
또한
<script type="text/javascript">
            $(function() {
                // Invoke the plugin
                $('input, textarea').placeholder();
                // That’s it, really.
            });
</script>
도 추가합니다.

3. 폼 입력 부분에
<input type="text" name="wr_subject" value="<?php echo $subject ?>" placeholder="제목을 입력해 주세요.">
<textarea rows="5" cols="30" name="wr_tips" placeholder="팁 정보를 입력해 주세요."></textarea>
와 같이 placeholder를 작성하시면 됩니다.

자세한 정보는
https://github.com/mathiasbynens/jquery-placeholder
에서 다운받은 파일에 demo.html을 참조 하시기 바랍니다.

이미 알고 계신 팁일지 모르겠군요.^^

도움이 되시길 바랍니다.

감사합니다.

첨부파일

|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 11년 전 조회 2,540
MySQL 11년 전 조회 3,854
기타 11년 전 조회 8,607
웹서버 11년 전 조회 3,984
jQuery 11년 전 조회 3,184
jQuery 11년 전 조회 3,500
jQuery 11년 전 조회 3,787
JavaScript 11년 전 조회 3,933
MySQL 11년 전 조회 3,100
JavaScript 11년 전 조회 4,175
JavaScript 11년 전 조회 1.1만
jQuery 11년 전 조회 1.9만
기타 11년 전 조회 4,627
기타 11년 전 조회 1.2만
jQuery 11년 전 조회 4,585
JavaScript 11년 전 조회 3,255
PHP 11년 전 조회 1.5만
기타 11년 전 조회 2,452
PHP 11년 전 조회 3,677
PHP 11년 전 조회 3,928
JavaScript 11년 전 조회 4,112
기타 11년 전 조회 8,375
MySQL 11년 전 조회 3,877
JavaScript 11년 전 조회 2,499
JavaScript 11년 전 조회 4,624
MySQL 11년 전 조회 5,181
웹서버 11년 전 조회 2,781
PHP 11년 전 조회 5,382
PHP 11년 전 조회 3,535
JavaScript 11년 전 조회 3,734
🐛 버그신고