ප්‍රතිලෝම වර්ගය invalid

ප්‍රතිලෝම වර්ගය invalid යනු නුසුදුසු අගයක් හෝ නිශ්චිත වර්ගයට අනුරූප නොවන අගයක් ඇතුළත් කළ ආදානයක් සඳහා විලාසය නියම කරයි.

වාග් රීතිය

cssතෝරන්නා:invalid {

}

උදාහරණය

අපි ආදාන ක්ෂේත්‍රයේ පසුබිම රෝස පාටට වර්ණය වෙනස් කරමු, නුසුදුසු අගයක් ඇතුළත් කළ විට සහ නැවතත් හරිත පාටට, අගය තෝරාගත් වර්ගයට අනුරූප වීම පරීක්ෂා කිරීම ගමන් කළ විට:

html<p>ඔබගේ විද්‍යුත් තැපෑල ඇතුළත් කරන්න</p>
<p><input type="email"></p>

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

Результат:

මේවාත් බලන්න