Atributas disabled
Atributas disabled užblokuoja HTML
formos elementą,
t. y. padaro jį neaktyvų. Yra atributas be reikšmės.
Elementų blokavimas paprastai reikalingas tam, kad uždrausti vartotojui keisti kai kurias reikšmes (kurios, nepaisant to, turi būti rodomos vartotojui formos elementų pavidalu). Kartais elementai yra užblokuojami (ir atblokuojami) naudojant JavaSctipt.
Elgsena
Mygtuko atveju (button
ar input
su atributu type reikšmėse button,
reset ar submit) blokavimas
reiškia, kad mygtukas nebus paspaudžiamas.
Teksto įvedimo lauko atveju (input
ar textarea)
jame nebus galima pakeisti ar nukopijuoti
teksto. Žymimųjų langelių
ir radio
atveju jų būsenos (pažymėta ar ne) nebus galima
pakeisti. Išskleidžiamųjų sąrašų
select
atveju nebus galima pakeisti pasirinkto sąrašo punkto.
Užblokuotas elementas pagal nutylėjimą turi pilką foną. Jis taip pat nedalyvaus pereinant Tab klavišu.
Pavyzdys . Užblokuotas mygtukas
Užblokuokime mygtuką naudodami atributą
disabled. Palyginimui šalia pateikiamas
neužblokuoto mygtuko pavyzdys (pabandykite jį
paspausti):
<button disabled>text</button>
<button>text</button>
:
Pavyzdys . Užblokuotas žymimasis langelis
Dabar pažiūrėkime į užblokuotą žymimojo langelio varnelę. Palyginimui šalia matome neužblokuotos varnelės pavyzdį:
<input type="checkbox" disabled>
<input type="checkbox">
:
Pavyzdys . Užblokuotas ir pažymėtas žymimasis langelis
Pažiūrėkime, kaip atrodo užblokuotas
ir pažymėtas naudojant atributą checked
žymimojo langelio varnelė. Palyginimui šalia
kreipkimės į neužblokuotos
pažymėtos varnelės pavyzdį:
<input type="checkbox" disabled checked>
<input type="checkbox" checked>
:
Pavyzdys . Užblokuotas tekstinis įvesties laukas
Dabar užblokuokime įvesties lauką. Palyginimui šalia pažiūrėkime į neužblokuoto įvesties lauko pavyzdį:
<input type="text" value="text" disabled>
<input type="text" value="text">
:
Pavyzdys . Užblokuotas textarea
Čia pamatysime užblokuotą textarea (atkreipkite dėmesį, kad užblokuoto textarea dydį galima keisti). Palyginimui šalia kreipkimės į neužblokuotos textarea pavyzdį:
<textarea disabled>text</textarea>
<textarea>text</textarea>
:
Pavyzdys . Užblokuotas išskleidžiamasis sąrašas
Pažiūrėkime, kaip veikia užblokuotas
select.
Palyginimui šalia pažiūrėkime į neužblokuoto
išskleidžiamojo sąrašo pavyzdį:
<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>
:
