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 Juli 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
const inputElement = document.getElementById("total");
console.log(inputElement.readOnly);
inputElement.readOnly = true;
Spezifikationen
| Specification |
|---|
| HTML # dom-input-readonly |
Browser-Kompatibilität
Loading…
Siehe auch
<input>HTMLInputElement.disabled:read-onlyPseudoklasse