IE8,9 에서 placeholder 적용 안되는 현상 해결 방법

placeholder가 되게 간편한 기능 중 하나죠! 필수적인 기능이기도 하구요 ㅋㅋ

2009년도였나~ 그 때쯤 저는 placeholder 를 하기 위해서 홀더로 쓸 이미지를 자르고 input 에 onfocus등을 이용해서 

개발했던 때가 떠오르네요.. 정말 귀찮고 힘들고 개발이 하기 싫은정도까지 만드는 작업이였습니다. 이럴 시간에 로직에 좀 더 고민을 하고 싶었는데 말이죠..

그래서 placeholder라는 속성이 나와서 편해지긴 했습니다. 

하지만 편리해지면 편리해지는 만큼 동시에 호환성은 항상 문제로 뒤따라오죠!

placeholder를 IE8,9에서도 호환시키는 방법은 여럿 있겠지만 

아마 제일 중요한 부분은 플랫폼에 독립적이고 (부트스트랩과의 충돌문제 제거) 사용하기가 쉬워야 하는 것이지 않을까요.

이런 면에서 안성 맞춤인 라이브러리가 Placeholder.js 입니다.

참고로 jquery.placeholder랑은 같은게 아닙니다~ 다른거예요!

Placeholder 라이브러리 사용법은

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

이게 끝 입니다. 간단하죠?

적용도 쉬우니 바로 사용해보세요!! 

밑에 다운받을 수 있는 링크 남겨드릴게요~

https://github.com/jamesallardice/Placeholders.js

도움이 되셨다면 아래 공감 버튼을!