[selector] CSS - :valid 가상선택자 - 유효요소 (= 유효값 갖는 요소 선택, IE10)

:valid 예제 

 

<style>

input:valid {background-color: yellow;}

input:invalid {background-color: silver;}

</style>

<h3>이메일 유효성 검사</h3>

<input type="email" value=""> : 유효 O</br>

<input type="email" value="homzzang.com"> : 유효 X</p>

 

결과보기