invalid կեղծ դասը

invalid կեղծ դասը սահմանում է ոճ input-ի համար, որում մուտքագրվել է սխալ արժեք կամ արժեք, որը չի համապատասխանում նշված տեսակին:

Շարահյուսություն

ընտրող:invalid {

}

Օրինակ

Եկեք վերագունավորենք input-ի ֆոնը վարդագույն, երբ մուտքագրվում է սխալ արժեք և վերադարձնենք կանաչ գույն, երբ արժեքն անցել է ստուգումը ընտրված տեսակին համապատասխանելու համար:

<p>Մուտքագրեք Ձեր էլ․ հասցեն</p>
<p><input type="email"></p>

input:invalid {
	background: #E37D76;
}
input:valid {
	background: #9DDFA4;
}

Տես նաև

:valid կեղծ դասը,
որը սահմանում է ոճ input-ին, որում մուտքագրվել է ճիշտ արժեք
:default կեղծ դասը,
որը սահմանում է ոճ սկզբնադիր տարրերին
:in-range կեղծ դասը,
որը սահմանում է ոճ տարրերին, որոնք ունեն արժեքների տվյալ միջակայք
:out-of-range կեղծ դասը,
որը սահմանում է ոճ այն տարրերին, որոնց արժեքները դուրս են գալիս միջակայքից