HTML und CSS: Eingabefeld und Input-Feld auf nur lesen setzen

Formularfelder in HTML nicht editierbar gestalten

Das Internet lebt von der Kommunikation und dem Austausch zwischen einer Seite und dem Benutzer. Eine der wichtigsten Möglichkeiten sind dabei sogenannte Formularfelder, die Webseiten zum Datenaustausch anbieten. Formularfelder können einfache input-Felder, textarea oder Checkboxen sein, bei denen der Benutzer entsprechende Daten eingeben kann. Für bestimmte Zwecke kann man ein Formularfeld auch nicht editierbar gestalten, indem man dieses mittels HTML auf „nur lesbar“ setzt und einen voreingestellten Wert einträgt. Denkbar ist dies z.B. bei AGB oder Hinweisen, die man in einer scrollbaren textarea unterbringt.

Textarea auf nur lesen einstellen

Um ein Eingabefeld in HTML auf readonly zu setzen, schreibt man einfach das Attribut „readonly“ in das öffnende Tag. Im Falle einer textarea sieht das Ganze dann so aus.


<textarea readonly>
Dieser Text ist nicht editierbar.
</textarea>

Input-Feld mittels HTML auf readonly setzen

Bei einem input-Feld funktioniert das Ganze ähnlich. Bei „value“ müssen Sie dann noch den Wert bzw. den nicht editierbaren Text festlegen:


<input type="text" name="Land" value="DE" readonly>

Grundsätzlich macht es Sinn, dass Sie das input-Feld mittels CSS noch entsprechend gestalten, damit der Benutzer den Unterschied sieht. Es empfiehlt sich, ein readonly-Feld auszugrauen.

Nur-lesen-Eingabefeld bei XHTML

Während bei HTML die verkürzte Attributsangabe reicht, kann bei XHTML ein Eingabefeld nur so


<input type="text" name="Land" value="DE" readonly="readonly">

auf „readonly“ gesetzt werden.

Diesen Tipp bewerten:

Mehr zum Thema: Webdesign aus der Kategorie Computer & Internet

Ihr Kommentar
 Ihr Name *
Keine Phantasienamen, Markennamen oder ähnliches.
 Ihr Avatar *
 E-Mail *
Wird nicht veröffentlicht. (Datenschutz)
 Kommentar *

Kommentare, die Werbung enthalten, werden nicht veröffentlicht.

Beliebt und gern gelesen:

Innere und äußerliche Anwendung der Aloe vera Pflanze
Die sogenannte Echte Aloe (Aloe vera) ist vielseitig einsetzbar und hilft, einige Leiden und Hautprobleme zu linden. Wie man die Blätter verwenden kann, zeigt Ihnen dieser Tipp.
Wasser selber entkalken - Enthärtung von Leitungswasser
Kalkhaltiges Wasser ist für bestimmte Zwecke denkbar ungeeignet. Wie man sein Trinkwasser ganz einfach selber entkalken kann, lesen Sie hier.
Tipps und Hilfe bei Mundgeruch - Hausmittel
Mundgeruch ist nicht nur für Mitmenschen äußerst unangenehm. Für die Betroffenen ist schlechter Atem ein häufiger Grund für peinliche Situationen. Erfahren Sie, welche Hausmittel gegen Mundgeruch helfen.
Cholesterin - Hausmittel zur Senkung des Cholesterinspiegels
Ihr Arzt hat bei Ihnen zu hohe Cholesterinwerte festgestellt? Damit stehen Sie nicht allein da. Vor allem aber können Sie selbst etwas dagegen tun und Ihr Cholesterin auch mit einfachen Mitteln senken.
Haushaltstipp: Silberfischchen bekämpfen und vorbeugen
Sie entdecken hin und wieder Silberfischchen in Ihrem Bad? Wie man die kleinen Tierchen mit Hausmitteln bekämpfen kann und wie man ihnen vorbeugt, erfahren Sie hier.