Einführung in CSS erforderlich, Fokus, gültig und ungültig

In diesem Artikel wird Ihnen die Methode zum Definieren von erforderlichen, fokussierten, gültigen und ungültigen Stilen in CSS3 vorgestellt. Diese Methode unterstützt derzeit nur die Browser ie9 und ff, gg.
CSS3-Tipp gilt nur für fortgeschrittene Browser:
Chrome
Firefox
Safari
IE9

Definition von gültig, ungültig, erforderlich

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

In In der Vergangenheit verwendeten Verifizierungsformulare js und reguläre Ausdrücke, um festzustellen, ob der ausgefüllte Inhalt korrekt war, beispielsweise bei der E-Mail-Verifizierung.
Das Aufkommen von HTML5 stellt uns einige Attribute zur Verfügung, die das Problem der Überprüfung des Formularinhalts lösen können, ohne js und reguläre Ausdrücke schreiben zu müssen.
:erforderlich
Muss, das heißt, die Eingabe darf nicht leer sein.
:valid
ist gültig, d. h. es wird ausgelöst, wenn der ausgefüllte Inhalt den Anforderungen entspricht.
:invalid
Ungültig, was ausgelöst wird, wenn der ausgefüllte Inhalt nicht den Anforderungen entspricht.