L'attribut disabled en JavaScript
En HTML, il existe des attributs spéciaux sans
valeurs, par exemple, l'attribut disabled,
utilisé pour bloquer des éléments. Pour
définir un tel attribut, la propriété correspondante
doit se voir attribuer la valeur true,
et pour le supprimer - la valeur false.
Voyons cela en pratique. Supposons que nous ayons une input bloquée :
<input id="elem" disabled>
Affichons la valeur de l'attribut disabled
de cette input :
let elem = document.querySelector('#elem');
console.log(elem.disabled); // affichera true
Et maintenant, débloquons-la :
let elem = document.querySelector('#elem');
elem.disabled = false;
Une input et un bouton sont donnés. Lors d'un clic sur le bouton, bloquez l'input.
Une input et deux boutons sont donnés. Faites en sorte qu'un clic sur le premier bouton bloque l'input, et un clic sur le second - la débloque.
Une input et un bouton sont donnés. Lors d'un clic sur le bouton, déterminez si l'input est bloquée ou non.