Atrybut disabled w JavaScript
W HTML istnieją specjalne atrybuty bez
wartości, na przykład atrybut disabled,
używany do blokowania elementów. Aby
ustawić taki atrybut, odpowiadającej
właściwości należy przypisać wartość true,
a aby usunąć - wartość false.
Spójrzmy na praktyce. Załóżmy, że mamy zablokowane pole input:
<input id="elem" disabled>
Sprawdźmy wartość atrybutu disabled
tego pola:
let elem = document.querySelector('#elem');
console.log(elem.disabled); // wypisze true
A teraz odblokujmy je:
let elem = document.querySelector('#elem');
elem.disabled = false;
Dane są pole input i przycisk. Po naciśnięciu przycisku zablokuj pole input.
Dane są pole input i dwa przyciski. Niech naciśnięcie pierwszego przycisku blokuje pole input, a naciśnięcie drugiego - odblokowuje.
Dane są pole input i przycisk. Po naciśnięciu przycisku sprawdź, czy pole input jest zablokowane czy nie.