Атрибут disabled
disabled атрибуту HTML
формасынын
элементин блоктойт, башкача айтканда аны активсиз кылат. Маанисиз атрибут болуп эсептелет.
Элементтерди блоктоо адатта колдонуучуга кээ бир маанилерди өзгөртүүгө тыюу салуу үчүн керек (алар, бирок, колдонуучуга форма элементтеринин түрүндө көрсөтүлүшү керек). Кээде элементтер JavaSctipt жардамы менен блоктолот (жана блоктоо жокко чыгарылат).
Өңдөмө
Баскычтын учурда (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>
:
