테스트 사이트 - 개발 중인 베타 버전입니다

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

· 11년 전 · 2094 · 1
최신의 브라우져에서는 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을 참조 하시기 바랍니다.

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

도움이 되시길 바랍니다.

감사합니다.

댓글 작성

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

로그인하기

댓글 1개

1111

게시글 목록

번호 제목
20841
20840
20839
20838
20835
20834
7057
19668
19667
19666
19665
19663
19662
19661
19660
19659
19658
19657
19656
19655
19654
19653
19652
19651
19650
19649
19648
19647
19646
19645
19644
19643
19642
19641
19640
19639
19638
19637
19636
7051
26561
19635
19634
27958
30952
27955
19633
19632
19631
7048
7033
19630
7021
7018
27953
7015
27951
7011
19628
19627
7010
27947
7009
19626
19625
24635
7005
27943
7000
19624
6995
6992
30949
30948
19623
19620
19619
6990
6986
27940
30947
30945
19618
19617
19616
19615
19614
19613
19612
19610
30943
30942
19609
19608
19607
24631
27935
27933
24628
19604