[selector] CSS - :invalid 가상선택자 - 유효하지 않는 값 요소 (= :invalid선택자 = 인밸리드 선택자 = 인벨리드 선택자) (IE10)

:invalid 예제 

 

<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>

 

결과보기