ප්රතිලෝම වර්ගය invalid
ප්රතිලෝම වර්ගය invalid යනු
නුසුදුසු අගයක් හෝ නිශ්චිත වර්ගයට
අනුරූප නොවන අගයක් ඇතුළත් කළ
ආදානයක් සඳහා විලාසය නියම කරයි.
වාග් රීතිය
තෝරන්නා:invalid {
}
උදාහරණය
අපි ආදාන ක්ෂේත්රයේ පසුබිම රෝස පාටට වර්ණය වෙනස් කරමු, නුසුදුසු අගයක් ඇතුළත් කළ විට සහ නැවතත් හරිත පාටට, අගය තෝරාගත් වර්ගයට අනුරූප වීම පරීක්ෂා කිරීම ගමන් කළ විට:
<p>ඔබගේ විද්යුත් තැපෑල ඇතුළත් කරන්න</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
මේවාත් බලන්න
-
ප්රතිලෝම වර්ගය
:valid,
යනු නිවැරදි අගයක් ඇතුළත් කළ ආදානයකට විලාසය නියම කරයි -
ප්රතිලෝම වර්ගය
:default,
යනු පෙරනිමිය අනුව අංග සඳහා විලාසය නියම කරයි -
ප්රතිලෝම වර්ගය
:in-range,
යනු නිශ්චිත පරාසයක අගයන් සහිත අංග සඳහා විලාසය නියම කරයි -
ප්රතිලෝම වර්ගය
:out-of-range,
යනු පරාසයේ සීමාවන් ඉක්මවා යන අගයන් සහිත අංග සඳහා විලාසය නියම කරයි
