Die CSS3-Eingabeaufforderung gilt nur für erweiterte Browser:
Chrome
Firefox
Safari
IE9
Die Definitionen von gültig, ungültig und erforderlich
Der Code lautet wie folgt
Eingabe:erforderlich , input:valid, input: invalid{border:0 none; -webkit-box-shadow:none; -shadow:none; box-shadow:none;}
In der Vergangenheit verwendeten Verifizierungsformulare js und reguläre Ausdrücke, um festzustellen, ob der ausgefüllte Inhalt korrekt war, wie z. B. die E-Mail-Verifizierung.
Das Aufkommen von HTML5 stellt uns einige Attribute zur Verfügung, sodass wir den Inhalt dieses Inspektionsformulars 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.