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

Im Gegensatz zu einem Formularsteuerelement mit einer auf true gesetzten disabled-Eigenschaft verhindert ein true-Wert der readOnly-Eigenschaft nicht, dass der Benutzer in das Steuerelement klickt oder darin auswählt.

Während das HTML-readonly-Attribut 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.

Wert

Ein boolescher Wert.

Beispiele

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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• <input>
• HTMLInputElement.disabled
• :read-only Pseudoklasse