본문 바로가기

BLOG/JavaScript

IE9 이하에서 placeholder 보이게하기 2가지 라이브러리

심플하게 디자인 하다보니 placeholder로 많이 input을 나타내곤한다.

 

ie9이하부터는 placeholder가 보이지 않는다.

 

http://jamesallardice.github.io/Placeholders.js/

 

Placeholders.js - An HTML5 placeholder attribute polyfill

 

jamesallardice.github.io

나는 그냥 가벼운걸로 선택

 

 

오른쪽 마우스 - 다른 이름으로 저장 해서 받음

 

<head>안에 

<script src="placeholders.min.js"></script>

를 넣어주기만하면 ie9이하에서도 보인다.

 

 

 

 

=========

 

또 다른 방법은

https://github.com/mathiasbynens/jquery-placeholder

 

mathiasbynens/jquery-placeholder

A jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet - mathiasbynens/jquery-placeholder

github.com

다운받는다.

jquery.placeholder.js 만 연결하면 된다.

 

<head>안에 

<script src="jquery.placeholder.js"></script>

넣어준 후 

 

$('input, textarea').placeholder();

 

스크립트에 작성하면 끝이다.