시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > javascript 소스창고 > JQuery > HTML5 의 placeholder 태그 HTML5 미사용 브라우저에서 사용가능한 Jquery 소스 상세정보
사이트등록
클라우드태그
Javascript
PHP
CSS
HTML
asp
API
jquery
mysql
image
Mobile
slide
게시판
메뉴
현재접속자 79 새로고침
HTML5 의 placeholder 태그 HTML5 미사용 브라우저에서 사용가능한 Jquery 소스
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기 네이버로공유
소스분류 JQuery
다운로드 횟수 175 회
간단설명 HTML5 의 placeholder 태그 HTML5 미사용 브라우저에서 사용가능한 Jquery 소스
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기가 없습니다 스크랩하기

placeholder 태그란 짧은 힌트로 사용자가 데이터 입력이 도움을 주는게 목적인 태그입니다.
아쉽게도 HTML5 태그이며, 브라우저가 HTML 5를 지원해야 나타납니다.



<input type="text" placeholder="아이디를 입력하세요.">

간단히 위의 태그를 사용하면 익스플로러에서는 보이지 않습니다.
하지만 크롬등의 HTML5를 지원하는 브라우저에서는 위와 같이 나타납니다.

이렇게 미지원으로 보이지 않는 placeholder 태그를 보이도록 해주는 jquery 소스 입니다.
https://github.com/danbentley/placeholder

사용법은 간단합니다.
첨부된 파일을 다운로드 받으시면,
style.css 와 jquery.placeholder.js 파일이 있습니다.

이들을 서버에 업로드 하시고

<link rel="stylesheet" href="css/style.css" />
<script src="js/jquery.placeholder.js"></script>

위의 태그를 넣어주시면 하시면 사용이 가능합니다.
물론 경로는 각 서버에 맞춰 넣으셔야 합니다.


네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 99676247 보이는 도배방지키를 입력하세요.