in-range සුළුවර්ගය
in-range සුළුවර්ගය,
ඔවුන්ගේ අගයන් නිශ්චිත පරාසයක් තුළ
පවතින මූලද්රව්ය සඳහා විලාසය නිර්වචනය කරයි.
අගයන්හි පරාසය min සහ
max ගුණාංග මගින් නිර්වචනය
කළ යුතුය.
වාක්ය රීතිය
තෝරන්නා:in-range {
}
උදාහරණය
අපි 1 සිට 5 දක්වා පරාසයට
වැටෙන අංක ඇතුළු කරන ආදානය සඳහා
නිල් පසුබිම් වර්ණයක් සකසමු. එසේම,
ඇතුළත් කරන ලද අගය තෝරාගත් සීමාවට
අයත් නොවන විට රෝස පසුබිමක් සකසමු:
<form>
<p>1 සිට 5 දක්වා අංකයක් ඇතුළු කරන්න</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
මෙයද බලන්න
-
සුළුවර්ගය
:out-of-range,
යම් පරාසයෙන් ඔබ්බට අගයන් ඇති මූලද්රව්ය සඳහා විලාසය නිර්වචනය කරයි -
සුළුවර්ගය
:valid,
නිවැරදි අගයක් ඇතුළත් කළ ආදානය සඳහා විලාසය නිර්වචනය කරයි -
සුළුවර්ගය
:invalid,
වැරදි අගයක් ඇතුළත් කළ ආදානය සඳහා විලාසය නිර්වචනය කරයි
