Sifa disabled
Sifa disabled huzuia kipengee
cha HTML fomu,
yaani hukifanya kisichoweza kutumika. Ni sifa
isiyo na thamani.
Kuzuia vipengee kwa kawaida huhitajika ili kumkataza mtumiaji kubadilisha baadhi ya maadili (ambayo, hata hivyo, yanapaswa kuonyeshwa kwa mtumiaji kwa umbo la vipengee vya fomu). Wakati mwingine vipengee vinazuiwa (na kufutwa kizuizi) kwa kutumia JavaSctipt.
Tabia
Katika kesi ya kitufe (button
au input
na sifa type katika maadili button,
reset au submit) kuzuia
kuna maana kwamba kitufe hakiwezi kubonyezwa.
Katika kesi ya uga wa maandishi ya kuingiza (input
au textarea)
haitakuwawezekana kubadilisha au kunakili
maandishi. Katika kesi ya vibonyeo/vichaguo
na redio
hali yao (imewekwa alama au la) haiwezi
kubadilishwa. Katika kesi ya orodha zinazotolewa
select
haitakuwawezekana kubadilisha kipengee kilichochaguliwa cha orodha.
Kipengee kilichozuiwa kwa chaguomshakawa kina msingi wa rangi ya kijivu. Pia hakitashiriki katika miendo kwa kifungo Tab.
Mfano . Kitufe kilichozuiwa
Wacha tuuzuie kitufe kwa kutumia sifa
disabled. Kwa kulinganisha kando mfano
wa kitufe kisichozuiwa (tujaribu kubonyeza
hicho):
<button disabled>maandishi</button>
<button>maandishi</button>
:
Mfano . Kichaguo kilichozuiwa
Sasa tuangalie kichaguo kilichozuiwa cha kichaguo (checkbox). Kwa kulinganisha kando tunaangalia mfano wa kichaguo kisichozuiwa:
<input type="checkbox" disabled>
<input type="checkbox">
:
Mfano . Kichaguo kilichozuiwa na kuwekwa alama
Wacha tuone jinsi inavyoonekana kichaguo kilichozuiwa
na kuwekwa alama kwa kutumia sifa checked
cha kichaguo (checkbox). Kwa kulinganisha kando
turejelee mfano wa kichaguo kisichozuiwa kilichowekwa alama:
<input type="checkbox" disabled checked>
<input type="checkbox" checked>
:
Mfano . Kipengee cha kuingiza maandishi kilichozuiwa
Sasa wacha tuuzuie kipengee cha kuingiza (input). Kwa kulinganisha kando tuangalie mfano wa kipengee cha kuingiza kisichozuiwa:
<input type="text" value="maandishi" disabled>
<input type="text" value="maandishi">
:
Mfano . Textarea kilichozuiwa
Hapa tutaona textarea iliyozuiwa (angalia ukubwa wa textarea iliyozuiwa inaveza kubadilishwa). Kwa kulinganisha kando turejelee mfano wa textarea isiyozuiwa:
<textarea disabled>maandishi</textarea>
<textarea>maandishi</textarea>
:
Mfano . Orodha inayotolewa iliyozuiwa
Wacha tuone jinsi inavyofanya kazi
select iliyozuiwa.
Kwa kulinganisha kando tuangalie mfano wa orodha isiyozuiwa inayotolewa:
<select disabled>
<option>mji1</option>
<option selected>mji2</option>
<option>mji3</option>
<option>mji4</option>
</select>
<select>
<option>mji1</option>
<option selected>mji2</option>
<option>mji3</option>
<option>mji4</option>
</select>
: