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.
