ගුණාංගය disabled
disabled ගුණාංගය HTML පෝරමයේ
මූලද්රව්යයක් අවහිර කරයි, එනම් එය අක්රීය කරයි. එය අගයක් නොමැති ගුණාංගයකි.
මූලද්රව්ය අවහිර කිරීම සාමාන්යයෙන් අවශ්ය වන්නේ, පරිශීලකයාට සමහර අගයන් වෙනස් කිරීම තහනම් කිරීම සඳහා ය (ඒවා, කෙසේ වෙතත්, පරිශීලකයාට පෝරම මූලද්රව්ය ලෙස පෙන්විය යුතුය). සමහර විට මූලද්රව්ය JavaSctipt භාවිතයෙන් අවහිර කරනු ලැබේ (සහ අවහිරතාවය ඉවත් කරනු ලැබේ).
වැඩසටහන්
බොත්තමක (button
හෝ input
ගුණාංගය type අගයන් button,
reset හෝ submit වලින්) අවහිර කිරීමෙන්
අදහස් වන්නේ බොත්තම ක්ලික් කළ නොහැකි බවයි.
පෙළ ආදාන ක්ෂේත්රයක (input
හෝ textarea)
එහි පෙළ වෙනස් කිරීම හෝ පිටපත් කිරීම නොහැකි වනු ඇත. ලකුණු කොටු
සහ රේඩියෝ බොත්තම්
වල, ඒවායේ තත්වය (ලකුණු කළ හෝ නොකළ) වෙනස් කළ නොහැක.
පතන ලැයිස්තුවේදී
select
තෝරාගත් ලැයිස්තු අයිතමය වෙනස් කළ නොහැක.
අවහිර කළ මූලද්රව්යයකට පෙරනිමියෙන් අළු පසුබිමක් ඇත. එය Tab යතුරෙන් වෙනස් වීම් වලදී ද සහභාගී නොවේ.
උදාහරණය . අවහිර කළ බොත්තම
අපි බොත්තමක් disabled ගුණාංගය භාවිතයෙන් අවහිර කරමු.
සංසන්දනය සඳහා යාබදව අවහිර නොකළ බොත්තමක උදාහරණයක් (අපි එය ක්ලික් කිරීමට උත්සාහ කරමු):
<button disabled>text</button>
<button>text</button>
:
උදාහරණය . අවහිර කළ ලකුණු කොටුව
දැන් අපි අවහිර කළ ලකුණු කොටුවක ලකුණ දෙස බලමු. සංසන්දනය සඳහා යාබදව අවහිර නොකළ ලකුණක උදාහරණය බලමු:
<input type="checkbox" disabled>
<input type="checkbox">
:
උදාහරණය . අවහිර කළ සහ ලකුණු කළ ලකුණු කොටුව
අවහිර කළ සහ checked ගුණාංගය භාවිතයෙන් ලකුණු කළ
ලකුණු කොටු ලකුණක් කෙසේ දිස්වේදැයි බලමු. සංසන්දනය සඳහා යාබදව
අවහිර නොකළ ලකුණු කළ ලකුණක උදාහරණය දෙස යොමු වෙමු:
<input type="checkbox" disabled checked>
<input type="checkbox" checked>
:
උදාහරණය . අවහිර කළ පෙළ ආදාන ක්ෂේත්රය
දැන් අපි ආදාන ක්ෂේත්රය අවහිර කරමු. සංසන්දනය සඳහා යාබදව අවහිර නොකළ ආදාන ක්ෂේත්රයක උදාහරණය බලමු:
<input type="text" value="text" disabled>
<input type="text" value="text">
:
උදාහරණය . අවහිර කළ පෙළ කලාපය
මෙහිදී අපි අවහිර කළ පෙළ කලාපයක් දකිමු (අවහිර කළ textarea හි ප්රමාණය වෙනස් කළ හැකි බව සලකන්න). සංසන්දනය සඳහා යාබදව අවහිර නොකළ පෙළ කලාපයක උදාහරණය දෙස යොමු වෙමු:
<textarea disabled>text</textarea>
<textarea>text</textarea>
:
උදාහරණය . අවහිර කළ පතන ලැයිස්තුව
අවහිර කළ select ක්රියා කරන ආකාරය බලමු.
සංසන්දනය සඳහා යාබදව අවහිර නොකළ පතන ලැයිස්තුවක උදාහරණය බලමු:
<select disabled>
<option>city1</option>
<option selected>city2</option>
<option>city3</option>
<option>city4</option>
</select>
<select>
<option>city1</option>
<option selected>city2</option>
<option>city3</option>
<option>city4</option>
</select>
:
