Disabled atributu

disabled atributu HTML formasinin elementini bloklayir, yeni onu aktiv olmayan veziyyete getirir. Deyeri olmayan atributdur.

Elementlerin bloklanmasi adeten istifadeciye bazi deyerleri deyismeyi qadagan etmek ucun lazimdir (bele ki, bu deyerler istifadeciye forma elementleri kimi gosterilmelidir). Bazen elementler JavaScript vasitesi ile bloklanir (ve blokdan cixarilir).

Davranis

Duyme (button ve ya input type atributu button, reset ve ya submit deyerlerinde olan) ucun bloklamaq onun basila bilmeyeceyi menasini verir. Metn daxil etme sahəsi (input ve ya textarea) ucun ise metni deyismek ve ya kopyalamaq mumkun olmayacaq. Cekboks ve radio ucun onlarin veziyyetini (secili ve ya secilmeyen) deyismek olmaz. Açılan siyahılar select ucun ise secilmis elementini deyismek mumkun olmayacaq.

Bloklanmis element standart olaraq boz arxa plana malikdir. O, həmçinin Tab düyməsi ilə keçidlərdə iştirak etməyəcək.

Nümunə . Bloklanmış düymə

Gəlin disabled atributu ilə bir düyməni bloklayaq. Müqayisə üçün yanında bloklanmamış düymə nümunəsi (gəlin onu sınaq edək):

<button disabled>mətn</button>
<button>mətn</button>

Nümunə . Bloklanmış çekboks

İndi isə bloklanmış çekboks flağını nəzərdən keçirək. Müqayisə üçün yanında bloklanmamış flağ nümunəsinə baxaq:

<input type="checkbox" disabled>
<input type="checkbox">

Nümunə . Bloklanmış və seçilmiş çekboks

Gəlin bloklanmış və checked atributu ilə seçilmiş çekboks flağının necə göründüyünə baxaq. Müqayisə üçün yanında bloklanmamış seçilmiş flağ nümunəsinə müraciət edək:

<input type="checkbox" disabled checked>
<input type="checkbox" checked>

Nümunə . Bloklanmış mətn inputu

İndi isə inputu bloklayaq. Müqayisə üçün yanında bloklanmamış input nümunəsinə baxaq:

<input type="text" value="mətn" disabled>
<input type="text" value="mətn">

Nümunə . Bloklanmış textarea

Burada biz bloklanmış textareaı görəcəyik (diqqət yetirin ki, bloklanmış textarea-nın ölçüsünü dəyişmək olar). Müqayisə üçün yanında bloklanmamış textarea nümunəsinə müraciət edək:

<textarea disabled>mətn</textarea>
<textarea>mətn</textarea>

Nümunə . Bloklanmış açılan siyahı

Gəlin bloklanmış selectin necə işlədiyinə baxaq. Müqayisə üçün yanında bloklanmamış açılan siyahı nümunəsinə baxaq:

<select disabled>
	<option>şəhər1</option>
	<option selected>şəhər2</option>
	<option>şəhər3</option>
	<option>şəhər4</option>
</select>
<select>
	<option>şəhər1</option>
	<option selected>şəhər2</option>
	<option>şəhər3</option>
	<option>şəhər4</option>
</select>

Həmçinin bax

bloklanmış element üçün stil təyin edən disabled psevdo-sinfi,
bloklanmamış element üçün stil təyin edən enabled psevdo-sinfi,