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:
Beliebt und gern gelesen:
Spinnen mit dem Staubsauger einsaugen und tötenSie fürchten sich vor Spinnen und möchten diese am liebsten mit dem Staubsauger einsaugen? Ob man Spinnen so überhaupt töten kann, erfahren Sie hier.
Avocado-Gesichtscreme selber machenAvocados können zu einer natürlichen Gesichtscreme verarbeitet und anschließend als Gesichtsmaske zur regelmäßigen Hautpflege aufgetragen werden. Zwei Rezepte für eine Avocado-Maske finden Sie hier.
Ehemaliges Leasingfahrzeug kaufen - Vor- und NachteileAuf der Suche nach einem Gebrauchtwagen sollte man auch einen Leasingrückläufer in Betracht ziehen. Was es zu ehemaligen Leasingfahrzeugen zu wissen gibt, lesen Sie hier.
Honig - Wirkung auf die Gesundheit / Karies und WundheilungSie lieben Honig? Gut, denn Honig kann durchaus eine positive Wirkung auf die Gesundheit haben und vor Karies schützen. Welche Eigenschaften ihm noch zugesprochen werden, erfahren Sie hier.
Haarpflege mit MayonnaiseMayonnaise gehört mit Sicherheit nicht zu den Dingen, die man sich gern in die Haare schmiert. Erfahren Sie mit diesem Tipp, wie Sie ihrer Haarpracht mit Mayonnaise etwas Gutes tun können.
