HTMLInputElement: readOnly-Eigenschaft

Die readOnly-Eigenschaft der HTMLInputElement Schnittstelle zeigt an, dass der Benutzer den Wert des <input> nicht ändern kann. Sie spiegelt das booleanische Attribut readonly des <input>-Elements wider; sie gibt true zurück, wenn das Attribut vorhanden ist, und false, wenn es weggelassen wird.

Im Gegensatz zu einem Formularelement mit einer true disabled Eigenschaft hindert ein true readOnly-Eigenschaftswert den Benutzer nicht daran, im Kontrollfeld zu klicken oder zu markieren.

Während das HTML-Attribut readonly ignoriert wird, wenn der Typ hidden, range, color, checkbox, radio, file, submit, reset, button und image ist, ist die readOnly-Eigenschaft für diese Eingabetypen true, wenn das Attribut vorhanden ist, andernfalls false.

const inputElement = document.getElementById("total");
console.log(inputElement.readOnly);
inputElement.readOnly = true;