Atribut disabled

Atribut disabled HTML formasy elementini blokirleýär, ýagny ony hereketsiz edýär. Görnüşi bahasyz atribut.

Elementleri blokirlemek, adatça, ulanyjynyň käbir bahalary üýtgetmegine ýol bermezlik üçin gerek bolýar (şonda-da, olar ulanyja forma elementleri görnüşinde görkezilmeli). Bazen elementler JavaSctipt ulanyp blokirlenýär (we blokirden aýrylýar).

Özboluşlygy

Düwme üçin (button ýa-da input type atributy bilen bahalar button, reset ýa-da submit) blokirläp goýmak düwmäni basmak mümkin bolmajak diýmekdir. Tekst girizme meýdança üçin (input ýa-da textarea) onda tekst üýtgetmek ýa-da göçürip almak mümkin bolmaz. Çekbokslar we radi düwmeler üçin olaryň ýagdaýy (belgilenen ýa-da däl) üýtgedip bolmaz. Aşak düşýän sanawlar select üçin saýlanan sanaw bölegini üýtgedip bolmaz.

Blokirlenen element adaty boýunça boz fon bolýar. Ol şeýle hem Tab düwmesi bilen geçişlerde işjeň gatnaşmaz.

Mysal . Blokirlenen düwme

disabled atributy bilen bir düwmäni blokirleýäli. Deňeşdirmek üçin ýanynda blokirlenmedik düwmäniň mysaly (ona basmaga synaň):

html<button disabled>text</button>
<button>text</button>

Результат:

Mysal . Blokirlenen çekboks

Indi bolsa blokirlenen çekboks flažogyna göz aýlapaýyň. Deňeşdirmek üçin ýanynda blokirlenmedik flažogyň mysalyna serediň:

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

Результат:

Mysal . Blokirlenen we belgilenen çekboks

checked atributy bilen belgilenen blokirlenen çekboks flažogynyň nähili görkezýändigine göz aýlapaýyň. Deňeşdirmek üçin ýanynda blokirlenmedik belgilenen flažogyň mysalyna serediň:

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

Результат:

Mysal . Blokirlenen tekst inputy

Indi bolsa bir inputy blokirleýäli. Deňeşdirmek üçin ýanynda blokirlenmedik inputyň mysalyna serediň:

html<input type="text" value="text" disabled>
<input type="text" value="text">

Результат:

Mysal . Blokirlenen textarea

Bu ýerde bolsa blokirlenen textareany göreris (üns beriň, blokirlenen textareanyň ölçegini üýtgedip bolýar). Deňeşdirmek üçin ýanynda blokirlenmedik textareanyň mysalyna serediň:

html<textarea disabled>text</textarea>
<textarea>text</textarea>

Результат:

Mysal . Blokirlenen aşak düşýän sanaw

Blokirlenen select işleýşine göz aýlapaýyň. Deňeşdirmek üçin ýanynda blokirlenmedik aşak düşýän sanawyň mysalyna serediň:

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>

Результат:

Şeýle-de serediň