Notice
Recent Posts
Recent Comments
Link
관리 메뉴

web sprit

input에 placeholder 적용하기 본문

스크립트/Plugin

input에 placeholder 적용하기

커드만 2014. 12. 18. 18:14

input의 placeholder속성은 input란에 대한 설명을 보여주기 위한 html5 속성이다.

placeholder는 낮은 브라우져에 적용이 안되어 나오지 않는다.

예로 익스7~9에 나오지 않는다.

이런 문제를 해결하기 위하여 placeholders.min.js 를 사용하면 된다.



사용 방법은 매우 간단하다.

스크립트 태그로 placeholders.min.js 를 연결하여 그대로 사용하면 적용 된

1
2
3
4
5
<script src="placeholders.min.js"></script>
 
<input type="text" placeholder="이름을 기입해 주세요" />
 
/*위와 같이 작성하면 익스7~9 모두 적용된다.*/
cs


결과 : 


Comments