HTML5 의 placeholder 태그 HTML5 미사용 브라우저에서 사용가능한 Jquery 소스 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > HTML5 의 placeholder 태그 HTML5 미사용 브라우저에서 사용가능한 Jquery 소스 상세정보

클라우드태그

javascript

PHP

HTML

ASP

mysql

css

Mobile

jquery

image

slide

占쌨댐옙

占쏙옙占쏙옙占쏙옙트

메뉴

현재접속자 명

HTML5 의 placeholder 태그 HTML5 미사용 브라우저에서 사용가능한 Jquery 소스

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

173 회

간단설명

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>

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