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,551
MySQL 11년 전 조회 3,865
기타 11년 전 조회 8,613
웹서버 11년 전 조회 3,994
jQuery 11년 전 조회 3,195
jQuery 11년 전 조회 3,505
jQuery 11년 전 조회 3,791
JavaScript 11년 전 조회 3,941
MySQL 11년 전 조회 3,104
JavaScript 11년 전 조회 4,181
JavaScript 11년 전 조회 1.1만
jQuery 11년 전 조회 1.9만
기타 11년 전 조회 4,637
기타 11년 전 조회 1.2만
jQuery 11년 전 조회 4,592
JavaScript 11년 전 조회 3,262
PHP 11년 전 조회 1.5만
기타 11년 전 조회 2,464
PHP 11년 전 조회 3,688
PHP 11년 전 조회 3,935
JavaScript 11년 전 조회 4,116
기타 11년 전 조회 8,384
MySQL 11년 전 조회 3,884
JavaScript 11년 전 조회 2,505
JavaScript 11년 전 조회 4,631
MySQL 11년 전 조회 5,191
웹서버 11년 전 조회 2,791
PHP 11년 전 조회 5,389
PHP 11년 전 조회 3,543
JavaScript 11년 전 조회 3,743
🐛 버그신고