Atributi disabled
Atributi disabled bllokon një element
të formës HTML,
dmth e bën atë joaktiv. Është një atribut
pa vlerë.
Bllokimi i elementeve zakonisht nevojitet për të ndaluar përdoruesin të ndryshojë disa vlera (të cilat, megjithatë, duhet të shfaqen për përdoruesin në formë elementësh forme). Ndonjëherë elementet bllokohen (dhe zhbllokoen) me ndihmën e JavaSctipt.
Sjellja
Në rastin e butonit (button
ose input
me atributin type në vlerat button,
reset ose submit) bllokimi
do të thotë që butoni nuk do të mund të shtypet.
Në rastin e fushës së tekstit (input
ose textarea)
nuk do të mund të ndryshohet ose kopjohet
teksti në të. Në rastin e checkbox-eve
dhe butonave radio
gjendja e tyre (e zgjedhur apo jo) nuk do të mund të
ndryshohet. Në rastin e listave rënëse
select
nuk do të mund të ndryshohet artikulli i zgjedhur i listës.
Një element i bllokuar si parazgjedhje ka një sfond gri. Ai gjithashtu nuk do të marrë pjesë në kalimet me tastin Tab.
Shembull . Butoni i bllokuar
Le ta bllokojmë butonin me ndihmën e atributit
disabled. Për krahasim pranë është shembulli
i një butoni të pabllokuar (le të përpiqemi ta shtypim):
html<button disabled>text</button>
<button>text</button>
Результат:
Shembull . Checkbox i bllokuar
Tani le të shohim një kuti kontrolli checkbox të bllokuar. Për krahasim pranë shohim shembullin e një kutie kontrolli të pabllokuar:
html<input type="checkbox" disabled>
<input type="checkbox">
Результат:
Shembull . Checkbox i bllokuar dhe i zgjedhur
Le të shohim se si duket një
kuti kontrolli checkbox e bllokuar
dhe e zgjedhur me ndihmën e atributit checked.
Për krahasim pranë
i drejtohemi shembullit të një kutie kontrolli
të pabllokuar të zgjedhur:
html<input type="checkbox" disabled checked>
<input type="checkbox" checked>
Результат:
Shembull . Input tekstual i bllokuar
Tani le të bllokojmë një input. Për krahasim pranë shohim shembullin e një input-i të pabllokuar:
html<input type="text" value="text" disabled>
<input type="text" value="text">
Результат:
Shembull . Textarea i bllokuar
Këtu do të shohim një textarea të bllokuar (vini re se madhësia e textarea-s së bllokuar mund të ndryshohet). Për krahasim pranë i drejtohemi shembullit të një textarea-je të pabllokuar:
html<textarea disabled>text</textarea>
<textarea>text</textarea>
Результат:
Shembull . Lista rënëse e bllokuar
Le të shohim se si funksionon një
select i bllokuar.
Për krahasim pranë shohim shembullin e një liste
rënëse të pabllokuar:
html<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>
Результат: