Comment désactiver un type d'entrée =texte ?

Question

Je veux désactiver l'écriture dans un champ de saisie de type text en utilisant JavaScript, si possible. Le champ de saisie est rempli à partir d'une base de données ; c'est pourquoi je ne veux pas que l'utilisateur modifie sa valeur.

Answer 1

document.getElementById('foo').disabled = true;

ou

document.getElementById('foo').readOnly = true;

Notez que readOnly doit être dans camelCase pour fonctionner correctement dans Firefox (magie).

Démo : https://jsfiddle.net/L96svw3c/ -- explique quelque peu la différence entre disabled et readOnly.

Answer 2

Obtenez une référence à votre boîte de saisie comme vous le souhaitez (par exemple document.getElementById('mytextbox')) et définissez sa propriété readonly %-% sur true :

myInputBox.readonly = true;

Vous pouvez également simplement ajouter cette propriété en ligne (pas besoin de JavaScript) :

<input type="text" value="from db" readonly="readonly" />

Answer 3

Vous pouvez aussi par jquery :

$('#foo')[0].disabled = true;

Exemple de travail :

$('#foo')[0].disabled = true;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="foo" placeholder="placeholder" value="value" />