වලංගු ප්‍රතිකල්ප වර්ගය

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

වාක්‍ය රචනා ක්‍රමය

cssතෝරන්නා:valid {
  
}

උදාහරණය

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

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

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

Результат:

මේවාත් බලන්න