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:
- HTML und CSS: Textarea ohne Scrollbalken darstellen
- CSS: Formularfelder ohne Rand und Rahmen darstellen
- CSS: Input-Hintergrund transparent machen
- HTML und CSS: Zeichenabstand vergrößern / verändern
- Rechtsklick mit HTML-Code verhindern
- IE7 im neuen Browser simulieren
- iPhone - Im Safari eine Seite aktualisieren
Beliebt und gern gelesen:
Lederschuhe pflegen, säubern und reinigen - Tipps und HausmittelWenn Sie an Ihren Lederschuhen lange Freude haben möchten, dann sollten Sie diese regelmäßig pflegen und reinigen. Hier finden Sie nützliche Tipps und Hausmitteln zur Pflege Ihrer Lederschuhe.
Körperhaare entfernen - Möglichkeiten der KörperhaarentfernungBestimmte Körperhaare tragen leider nicht wirklich zur äußeren Schönheit oder zum Wohlbefinden bei. Nachfolgend ein paar Möglichkeiten mit Kurzanleitung wie man diese schnell und einfach entfernen kann.
Schlechte Eier entlarven - Schlechtes Ei erkennenSind die kürzlich im Supermarkt gekauften Eier noch frisch? Wie erkennt man denn eigentlich schlechte Eier, wenn man die Verpackung bereits entsorgt hat?
Lederhandtaschen richtig pflegen und reinigenSie haben eine sündhaft teure Designerhandtasche und möchten möglichst lange Freude daran haben? Wie man Lederhandtaschen richtig pflegt und reinigt, lesen Sie hier.
Die richtigen Handschuhe für die HandpflegeWenn Sie Ihre Hände mit einer pflegenden Handmaske verwöhnen möchten, sollten Sie auch geeignete Handschuhe tragen, um Flecken zu vermeiden. Tipps dazu erhalten Sie hier.
