Атрибут disabled

Атрибут disabled HTML форми элементини блоклайди, яъни уни фаол булмаган килиб куяди. Қийматсиз атрибут ҳисобланади.

Элементларни блоклаш одатда фойдаланувчига айрим қийматларни ўзгартиришини манъ этиш учун керак булади (бу қийматлар шунга қарамай, фойдаланувчига форма элементлари кўринишида кўрсатилиши керак). Бaъзан элементлар JavaScript ёрдамида блокланади (ва блоклов олиб ташланади).

Ҳаракат

Тугма учун (button ёки input атрибути type қийматлари button, reset ёки submit булганда) блоклов тугмани босиб бўлмаслигини англатади. Матн киритув майдони учун (input ёки textarea) ундати матнни ўзгартириш ёки нусхалаб олиш имкони булмайди. Чекбокс ва радио тугмалари учун уларнинг ҳолати (белгиланган ёки белгиланмаган) ўзгартириб бўлмайди. Тушувчи рўйхатлар select учун танланган рўйхат элементини ўзгартириб бўлмайди.

Блокланган элемент сурунка рангли фонга эга булади. Шунингдек, у Tab тугмаси орқали ўтишда иштирок этмайди.

Мисол . Блокланган тугма

Келгила, disabled атрибути ёрдамида тугмани блоклайми. Солиштириш учун янида блокланмаган тугма мисоли (уни босиби кўринг):

<button disabled>матн</button>
<button>матн</button>

Мисол . Блокланган чекбокс

Энди блокланган чекбокс флагчасига назар солами. Солиштириш учун янида блокланмаган флагча мисолини кўрамиз:

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

Мисол . Блокланган ва белгиланган чекбокс

Келгила, checked атрибути ёрдамида блокланган ва белгиланган чекбокс флагчаси қандай кўринадиганини кўрамиз. Солиштириш учун янида блокланмаган белгиланган флагча мисолига мурожаат киламиз:

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

Мисол . Блокланган матн инпут

Энди инпутни блоклайми. Солиштириш учун янида блокланмаган инпут мисолини кўрамиз:

<input type="text" value="матн" disabled>
<input type="text" value="матн">

Мисол . Блокланган текстареа

Бу ерда биз блокланган текстареани кўрамиз (эътибор берингки, блокланган textarea-ни ўлчамини ўзгартириш мумкин). Солиштириш учун янида блокланмаган текстареа мисолига мурожаат киламиз:

<textarea disabled>матн</textarea>
<textarea>матн</textarea>

Мисол . Блокланган тушувчи рўйхат

Келгила, блокланган select қандай ишлашини кўрамиз. Солиштириш учун янида блокланмаган тушувчи рўйхат мисолини кўрамиз:

<select disabled>
	<option>шаҳар1</option>
	<option selected>шаҳар2</option>
	<option>шаҳар3</option>
	<option>шаҳар4</option>
</select>
<select>
	<option>шаҳар1</option>
	<option selected>шаҳар2</option>
	<option>шаҳар3</option>
	<option>шаҳар4</option>
</select>

Шунингдек кўринг

псевдокласс disabled,
у блокланган элемент учун uslub белгилайди
псевдокласс enabled,
у блокланмаган элемент учун uslub белгилайди