Disabled atributi
disabled atributi HTML
formasi elementini bloklaydi,
ya'ni uni faolsiz (nofaol) qiladi. Qiymatsiz atribut hisoblanadi.
Elementlarni bloklash odatda foydalanuvchiga ba'zi qiymatlarni o'zgartirishni taqiqlash uchun kerak (shu bilan birga, ular foydalanuvchiga forma elementlari ko'rinishida ko'rsatilishi kerak). Ba'zan elementlar JavaSctipt yordamida bloklanadi (va blokdan chiqariladi).
Xatti-harakat
Tugma holatida (button
yoki input
type atributi button,
reset yoki submit qiymatlarida bo'lganda) bloklama
tugmani bosib bo'lmasligini anglatadi.
Matn kiritish maydoni holatida (input
yoki textarea)
unda matnni o'zgartirish yoki nusxalash mumkin bo'lmaydi.
Chekboks
va radio tugmalari holatida
ularning holatini (belgilangan yoki yo'q) o'zgartirish mumkin bo'lmaydi.
Chiqadigan ro'yxatlar select
holatida tanlangan ro'yxat bandini o'zgartirish mumkin bo'lmaydi.
Bloklangan element standart bo'yicha kulrang fonda bo'ladi. U shuningdek Tab tugmasi orqali o'tishlarda qatnashmaydi.
Misol . Bloklangan tugma
Keling, disabled atributi yordamida tugmani bloklaymiz.
Taqqoslash uchun yoniga bloklanmagan tugma misolini qo'yamiz (unga bosingga harakat qiling):
<button disabled>matn</button>
<button>matn</button>
:
Misol . Bloklangan chekboks
Endi keling, bloklangan chekboks ni ko'rib chiqaylik. Taqqoslash uchun yonida bloklanmagan chekboks misolini ko'ramiz:
<input type="checkbox" disabled>
<input type="checkbox">
:
Misol . Bloklangan va belgilangan chekboks
Keling, qanday qilib bloklangan va checked
atributi yordamida belgilangan chekboks ko'rinishini ko'rib chiqaylik.
Taqqoslash uchun yonida bloklanmagan belgilangan chekboks misoliga murojaat qilamiz:
<input type="checkbox" disabled checked>
<input type="checkbox" checked>
:
Misol . Bloklangan matnli input
Endi keling, input ni bloklaymiz. Taqqoslash uchun yonida bloklanmagan input misolini ko'ramiz:
<input type="text" value="matn" disabled>
<input type="text" value="matn">
:
Misol . Bloklangan textarea
Bu yerda biz bloklangan textarea ni ko'ramiz (diqqat qiling, bloklangan textarea o'lchamini o'zgartirish mumkin). Taqqoslash uchun yonida bloklanmagan textarea misoliga murojaat qilamiz:
<textarea disabled>matn</textarea>
<textarea>matn</textarea>
:
Misol . Bloklangan chiqadigan ro'yxat
Keling, qanday qilib bloklangan
select ishlashini ko'rib chiqaylik.
Taqqoslash uchun yonida bloklanmagan chiqadigan ro'yxat misolini ko'ramiz:
<select disabled>
<option>shahar1</option>
<option selected>shahar2</option>
<option>shahar3</option>
<option>shahar4</option>
</select>
<select>
<option>shahar1</option>
<option selected>shahar2</option>
<option>shahar3</option>
<option>shahar4</option>
</select>
:
