IE에서도 placeholder 사용하기 (HTML5 Placeholder jQuery Plugin)
페이지 정보
작성자 서방님 댓글 0건 조회 128회 작성일 15-08-13 17:28본문
HTML5 속성중에는 placeholder이라는 속성이 있습니다. 이 속성은 HTML5에 새로 추가된 속성으로 HTML5를 지원하지 않는 브라우저(IE9 이하)에서는 해당 기능을 사용할 수 없습니다. 하지만 이 속성을 사용가능하도록 해주는 JQUERY 플러그인이 여기 있습니다.
업글닷컴에서도 우측상단의 검색창에 이 플러그인을 적용하여 운영하고 있습니다. 현재 접속하고 계신 브라우저가 IE9 하위 브라우저라면 Placeholder jQuery Plugin이 정상 작동하는것을 확인하실 수 있습니다.
▼ JQUERY 플러그인을 통해 placeholder을 구현한 업글닷컴의 검색창
깃허브를 통해 최신 버전을 다운로드 받으실 수 있으며 라이센스는 MIT라이센스를 따르기때문에 상업적으로 이용하셔도 문제가 없습니다.
1. HTML5 Placeholder jQuery Plugin 다운받기
https://github.com/mathiasbynens/jquery-placeholder3. 사용방법
JQUERY를 삽입하는것만으로 자동으로 placeholder속성을 찾아 적용시켜줍니다. 정말 간단합니다!1 | $('input, textarea').placeholder(); |
4. Placeholder 속성에 CSS 적용시키기
이 플러그인은 placeholder 속성을 가진 태그에 class="placeholder" 클래스를 자동으로 추가시켜주기 때문에 CSS를 적용시키실 수 있습니다. 단, IE등의 placeholder 속성을 공식적으로 지원하지 않는 브라우저에만 해당합니다.1 | .placeholder { color: #aaa; } |
댓글목록
등록된 댓글이 없습니다.
