HTML Attribut readonly von HTML Tag input:
nur lesbares Textfeld

von Thomas Salvador.

Beispiel

Nur-lesen Eingabefeld:

<input type="text" readonly="readonly"
  name="ergebnis" value="Ihr Ergebnis ist 95,7%"/>

Anwendung

Mit readonly setzen Sie ein Eingabefeld in der Nur-lesen-Modus. Der Benutzer kann keine Eingabe vornehmen.

Um diesen Zustand zu ändern, ist ein Skript notwendig. D.h. ohne Skript ist und bleibt das Feld in diesem Zustand.

Hinweise

  • readonly kann sich lohnen, wenn Sie Ausgaben/Ergebnisse präsentieren wollen, die der Nutzer leicht kopieren, aber nicht direkt dort ändern kann. Ein Beispiel wäre erzeugter Programmcode in einem mehrzeiligen Eingabefeld.
  • Mit CSS können Sie ein readonly Feld speziell, insbesondere aber auch gleich formatieren.
  • Die Steigerung von readonly ist disabled, mit dem Sie das Feld komplett abschalten.
  • Der Wert ist immer readonly, was der Kompatibilität zu XHTML dient.
  • In HTML wurden sämtliche designbezogenen Attribute verworfen. Legen Sie derzeit die visuelle Darstellung mit Cascading Style Sheets (CSS) zukunftssicher fest.