read-only ප්රතික්ෂේප වර්ගය
read-only ප්රතික්ෂේප වර්ගය
readonly ගුණාංගය සමඟ input වලට ශෛලිය නියම කරයි.
එවැනි input එක කියවීම සඳහා පමණක් අදහස් කෙරේ,
එනම්, එහි දත්ත ඇතුළු කිරීම හෝ වෙනස් කිරීම
නොහැකිය, නමුත් ඒවා තෝරාගත හැකිය
සහ පිටපත් කළ හැකිය.
වාක්ය රීතිය
තෝරන්නා:read-only {
}
උදාහරණය
කියවීම සඳහා පමණක් අදහස් කරන ලද input එකට අල්ප අළු දාර සකසමු:
<p>
<label>පෙළ ඇතුළු කරන්න</label>
<input type="text">
</p>
<p>
<label>පෙළ කියවන්න</label>
<input type="text" value="text" readonly>
</p>
input:read-only {
border: 1px solid #D8DFE8;
}
:
මෙයද බලන්න
-
:read-writeප්රතික්ෂේප වර්ගය,
වෙනස් කිරීම සඳහා ප්රවේශ විය හැකි input වලට ශෛලිය නියම කරයි -
:defaultප්රතික්ෂේප වර්ගය,
පෙරනිමිය ලෙස මූලද්රව්යවලට ශෛලිය නියම කරයි -
:indeterminateප්රතික්ෂේප වර්ගය,
නිර්ණය නොකළ තත්වයේ පවතින ස්විච කිරීම් සඳහා ශෛලිය නියම කරයි -
:optionalප්රතික්ෂේප වර්ගය,
required ගුණාංගය නොමැති input එකට ශෛලිය නියම කරයි -
:placeholder-shownප්රතික්ෂේප වර්ගය,
උපදේශන පෙළ පෙන්වන විට මූලද්රව්යවලට ශෛලිය නියම කරයි -
:requiredප්රතික්ෂේප වර්ගය,
required ගුණාංගය සකසා ඇති input එකට ශෛලිය නියම කරයි -
:focus-withinප්රතික්ෂේප වර්ගය,
කේන්ද්රගත වූ මූලද්රව්යවලට ශෛලිය නියම කරයි -
caret-colorගුණය,
input එකේ පෙළ කර්සරයේ වර්ණය නියම කරයි
