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을 참조 하시기 바랍니다.
이미 알고 계신 팁일지 모르겠군요.^^
도움이 되시길 바랍니다.
감사합니다.
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개
11년 전
1111
게시글 목록
| 번호 | 제목 |
|---|---|
| 27925 | |
| 27922 | |
| 6972 | |
| 19602 |
JavaScript
jQuery 의 delegate 흉내내기
1
|
| 19601 |
JavaScript
script 디버깅 - JSHint
|
| 19599 |
jQuery
jQuery 롤링배너 플러그인
1
|
| 6961 | |
| 30941 | |
| 19597 | |
| 19596 | |
| 19595 | |
| 19594 |
JavaScript
스크립트 for문
|
| 30939 |
HTML
디바이스별 해상도 확인
1
|
| 19593 | |
| 6959 | |
| 6957 | |
| 6953 | |
| 27920 | |
| 19592 |
PHP
php oop 단일 모드
|
| 19591 | |
| 19590 |
PHP
IP class 비교 함수
|
| 6949 | |
| 6947 | |
| 20826 |
이미지관련
문자열이미지에 각종 필터를 적용한 결과
7
|
| 20823 |
이미지관련
이미지에 각종 필터를 적용한 결과
2
|
| 19589 |
jQuery
심플한 파일첨부 버튼과 jquery
|
| 27913 | |
| 27912 | |
| 19588 |
JavaScript
자바스크립트 시작날짜 종료날짜 유효성 검사 함수
|
| 20822 |
이미지관련
프레임이미지와 얼굴이미지 합치기
|
| 19587 | |
| 19586 |
PHP
한국 IP대역 체크
|
| 27887 | |
| 20819 | |
| 27883 | |
| 19585 | |
| 19584 | |
| 19583 |
JavaScript
중첩없이 랜덤수 뽑아내기
|
| 19582 | |
| 19581 | |
| 19580 | |
| 6945 | |
| 24622 | |
| 19578 |
JavaScript
자바스크립트에서 for문 사용시 속도차이
1
|
| 6938 | |
| 6935 | |
| 27880 | |
| 20818 | |
| 19575 | |
| 20815 |
이미지관련
이미지 너비에 맞게 문자열의 자동 개행
2
|
| 20812 | |
| 20809 |
이미지관련
문자열 그릴때 패딩 주기
2
|
| 6932 | |
| 6931 | |
| 6929 | |
| 19571 |
Mobile
html5 지원되는 os별 버전보기
3
|
| 19570 | |
| 20802 |
이미지관련
위치에 따른 이미지에 문자열 그리기
6
|
| 27877 | |
| 20797 | |
| 6923 | |
| 20795 |
이미지관련
문자열의 너비와 높이 구하기
1
|
| 6918 | |
| 6914 | |
| 20789 |
이미지관련
이미지에 글자 쓰기
5
|
| 6899 | |
| 27860 | |
| 6898 | |
| 27856 | |
| 6895 | |
| 6891 | |
| 6890 | |
| 6881 | |
| 6874 | |
| 27852 | |
| 6860 | |
| 6857 | |
| 19569 | |
| 19565 | |
| 19564 | |
| 27844 | |
| 19563 | |
| 24617 | |
| 19554 | |
| 6854 | |
| 19553 | |
| 19531 | |
| 6850 | |
| 6848 | |
| 27842 | |
| 6846 | |
| 6842 | |
| 6839 | |
| 6834 | |
| 6829 | |
| 6824 | |
| 6820 | |
| 27839 | |
| 6818 | |
| 19529 |
JavaScript
그누보드5 에 Daum 우편번호 찾기 API 연동 하기
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기