개인공간

[CSS] placeholder 여부에 따라 value 유효성검사 본문

IT정보/CSS_CSS3

[CSS] placeholder 여부에 따라 value 유효성검사

천재소년s 2017. 2. 22. 17:44
반응형
유효성체크가 되는형식이긴하나, placeholder 가 없으면 안되기때문에
작업할때 placeholder 전체 사용여부를 체크후 사용할것!


플레이스홀더가 없는경우 :


플레이스홀더가 있는경우 :



<input type="text" class="inp inp170222_2" >
<input type="text" class="inp inp170222_2" placeholder="내용이들어갑니다." >

.inp170222_2{background-color:#ccc;border:1px solid #ddd;}

.inp170222_2:not(:placeholder-shown) {background: #fff;border:1px solid #ccc;} 


반응형