HTML <input> Readonly- Attribut
Beispiel
Ein HTML-Formular mit einem schreibgeschützten Eingabefeld:
<form
action="/action_page.php">
<label for="country">Country:</label>
<input type="text"
id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="Submit">
</form>
Definition und Verwendung
Das readonly
Attribut ist ein boolesches Attribut.
Wenn vorhanden, gibt es an, dass ein Eingabefeld schreibgeschützt ist.
Ein schreibgeschütztes Eingabefeld kann nicht geändert werden (ein Benutzer kann jedoch mit der Tabulatortaste dorthin wechseln, es markieren und den Text daraus kopieren).
Das readonly
Attribut kann so eingestellt werden, dass ein Benutzer den Wert nicht ändert, bis einige andere Bedingungen erfüllt sind (z. B. das Aktivieren eines Kontrollkästchens usw.). Dann kann ein JavaScript den schreibgeschützten Wert entfernen und das Eingabefeld bearbeitbar machen.
Hinweis: Ein Formular sendet immer noch ein schreibgeschütztes Eingabefeld, aber kein deaktiviertes Eingabefeld!
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
Attribute | |||||
---|---|---|---|---|---|
readonly | Yes | Yes | Yes | Yes | Yes |
Syntax
<input readonly>
❮ HTML <input>-Tag