HTMLInputElement : propriété readOnly
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété readOnly de l'interface HTMLInputElement indique que l'utilisateur·ice ne peut pas modifier la valeur de l'élément HTML <input>. Elle reflète l'attribut booléen readonly de l'élément <input> ; elle retourne true si l'attribut est présent et false lorsqu'il est omis.
Contrairement à un contrôle de formulaire avec une propriété disabled à true, une valeur de propriété readOnly à true n'empêche pas l'utilisateur·ice de cliquer ou de sélectionner dans le contrôle.
Alors que l'attribut HTML readonly est ignoré si le type est hidden, range, color, checkbox, radio, file, submit, reset, button et image, la propriété readOnly est true pour ces types d'entrée si l'attribut est présent, false sinon.
Valeur
Un booléen.
Exemples
const inputElement = document.getElementById("total");
console.log(inputElement.readOnly);
inputElement.readOnly = true;
Spécifications
| Spécification |
|---|
| HTML # dom-input-readonly |
Compatibilité des navigateurs
Voir aussi
- L'élément HTML
<input> - La propriété
HTMLInputElement.disabled - La pseudo-classe CSS
:read-only