CSS 소개 필수, 포커스, 유효 및 유효하지 않음

이 글에서는 CSS3에서 필수, 포커스, 유효 및 무효 스타일을 정의하는 방법을 소개합니다. 이 방법은 현재 ie9+ 및 ff, gg 브라우저에서만 지원됩니다.
css3 팁은 고급 브라우저에만 적용됩니다:
Chrome
Firefox
Safari
IE9+

유효, 무효, 필수 정의

input:required, input:valid , input:invalid{  
    border:0 none;   
    outline: 0 none;   
    -webkit-box-shadow:none;   
    -moz-box-shadow:none;   
    -ms-box-shadow:none;   
    -o-box-shadow:none;   
    box-shadow: none;  
}  
/* by http://www.manongjc.com/article/1327.html */

과거에는 확인 양식이 js와 정규 표현식을 사용하여 이메일 확인과 같이 채워진 내용이 올바른지 확인했습니다.
HTML5의 출현은 js 및 정규식을 작성하지 않고도 양식 내용을 확인하는 문제를 해결할 수 있는 몇 가지 속성을 제공합니다.
:필수
필수, 이는 입력이 비어 있을 수 없음을 의미합니다.
:valid
는 유효합니다. 즉, 채워진 콘텐츠가 요구 사항을 충족할 때 트리거됩니다.
:invalid
잘못됨. 입력된 내용이 요구 사항을 충족하지 않을 때 트리거됩니다.