• Q&A
  • 수강신청
  • 회원가입
  • 로그인

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

 

결과보기

 


자동로그인
Since 2012