Pseudoklasse valid
Die Pseudoklasse valid legt den Stil
für Input-Felder fest, in die ein korrekter
Wert oder ein Wert, der dem angegebenen Typ entspricht,
eingegeben wurde.
Syntax
cssSelektor:valid {
}
Beispiel
Lassen Sie uns den Hintergrund des Input-Felds rosa einfärben, wenn ein falscher Wert eingegeben wird, und zurück in grün, wenn der Wert die Überprüfung auf Übereinstimmung mit dem ausgewählten Typ bestanden hat:
html<p>Geben Sie Ihre E-Mail-Adresse ein</p>
<p><input type="email"></p>cssinput:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
Результат:
Siehe auch
-
die Pseudoklasse
:invalid,
die den Stil für ein Input-Feld festlegt, in das ein falscher Wert eingegeben wurde -
die Pseudoklasse
:out-of-range,
die den Stil für Elemente festlegt, deren Werte außerhalb des Bereichs liegen -
die Pseudoklasse
:in-range,
die den Stil für Elemente mit einem bestimmten Wertebereich festlegt