HTMLInputElement: readOnly-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

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

Spezifikationen

Specification
HTML
# dom-input-readonly

Browser-Kompatibilität

Siehe auch