placeholder 효과 ie9이하에서 사용

- placeholder 속성 : 텍스트 필드에 힌트를 제공하는 역할. IE9 이하 버전 지원하지 않는 대체법 필요

---

<li class="input-tel">

<label for="" class="input-tel-placeholder">휴대전화번호를 입력해주세요</label>

<input type="text">

</li>

---

.input-store{

position:relative;

z-index:10;

}

.input-tel-placeholder{

position:absolute;

left:15px;

top:15px;

color:#000;

font-size:20px;

z-index:9;

}

.input-tel input{

position: relative;

z-index: 99;

padding: 15px;

background:none;

border: none;

font-size:20px;

color:#000;

border-bottom: solid 2px #000;

-webkit-transition: border 0.3s;

-moz-transition: border 0.3s;

-o-transition: border 0.3s;

transition: border 0.3s;

width:90%;

}

---

$(document).ready(function(){

var targeting = $(".input-tel input");

targeting.focus(function(){

$(this).siblings("label").hide();

})

targeting.focusout(function(){

if($(this).val()==""){

$(this).siblings("label").show();

}

})

})