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,542
MySQL 11년 전 조회 3,855
기타 11년 전 조회 8,608
웹서버 11년 전 조회 3,985
jQuery 11년 전 조회 3,186
jQuery 11년 전 조회 3,501
jQuery 11년 전 조회 3,788
JavaScript 11년 전 조회 3,936
MySQL 11년 전 조회 3,101
JavaScript 11년 전 조회 4,175
JavaScript 11년 전 조회 1.1만
jQuery 11년 전 조회 1.9만
기타 11년 전 조회 4,629
기타 11년 전 조회 1.2만
jQuery 11년 전 조회 4,586
JavaScript 11년 전 조회 3,256
PHP 11년 전 조회 1.5만
기타 11년 전 조회 2,454
PHP 11년 전 조회 3,678
PHP 11년 전 조회 3,929
JavaScript 11년 전 조회 4,112
기타 11년 전 조회 8,377
MySQL 11년 전 조회 3,879
JavaScript 11년 전 조회 2,502
JavaScript 11년 전 조회 4,624
MySQL 11년 전 조회 5,181
웹서버 11년 전 조회 2,781
PHP 11년 전 조회 5,383
PHP 11년 전 조회 3,536
JavaScript 11년 전 조회 3,735
🐛 버그신고