본문으로 바로가기

IE 에서 placeholder 속성 사용하기

category IT를보다 2015. 12. 19. 01:00

placeholder 속성이란 input 속성 객체에 사용자가 어떤값을 입력해야하는 예시를 보여주는 속성입니다. 

아래 inputbox에 아무글이나 타이핑 해보세요.

그런데 이 속성이 IE에선 작동을 잘 하지 않습니다. w3c school 에서 이 속성을 찾아보니 아래와같은 버젼부터 지원되는군요.


그래서 찾아본것이 아래와같은 플러그인 입니다.

https://github.com/jamesallardice/Placeholders.js  사용법이 아주 쉽습니다.

github 에서 다운받은후  압축푼후에 Placeholders.js 만 사용하려는 서버에 업로드하세요.

업로드 후에 적용하려는 HTML 문서에 script 링크만 시켜주시면 바로 작동합니다. 

<script src="/js/Placeholders.js"></script>

placeholder 속성이 적용 되었나요?