Comment activer ou désactiver un input en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2020-06-02 15:42:37

Question

Comment puis-je activer ou désactiver un input en JavaScript ?

Réponse

Pour activer ou désactiver un input HTML vous devez utiliser l'attribut HTML disabled.

Si l'attribut disabled est présent, l'input est désactivé, à l'inverse il est activé.

Pour ajouter ou enlever l'attribut disabled en JavaScript, il faut attribuer un ID à la balise <input> et utiliser les valeurs true ou false .

Dans l'exemple ci-dessous on définit l'input avec la méthode document.getElementById() puis on y ajoute l'attribut disabled.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8">
<title>Comment activer ou désactiver un input en JavaScript ?</title> 
</head>
<body>
<input id="test" type="text" value="">
<script>
document.getElementById('test').disabled = true; 
</script>
</body>
</html>

Remarque : il existe également l'élément JavaScript setAttribute() qui peut être utilisé pour ajouter un attribut à une balise HTML.