[an error occurred while processing this directive] [an error occurred while processing this directive]

Formularfelder aufpeppen

Formularfelder fügen sich meist recht schlecht in das Gesamtlayout einer Seite ein. Mit ein wenig CSS kann dem entgegengewirkt werden, indem einfach eine Style-Definition an die Felder angehangen wird.

Zum Beispiel können Eingabefelder auch vollkommen versteckt werden (was allerdings nicht unbedingt der Benutzerfreundlichkeit entgegenkommt):

Eine Alternative wäre, die dröge wirkenden grauen Einheitsrahmen an die eigene Farbgebung anzupassen, zum Beispiel mit einem Rahmen von einem Pixel Breite:

Oder entfernen Sie den Rahmen doch komplett und färben Sie stattdessen das komplette Feld ein:

Die Quellcodes:

<input type="text" name="eingabe" value="Bitte Text eingeben" style="border: 0px">

<input type="text" name="eingabe" value="Bitte Text eingeben" style="border: 1px dotted #333333">

<input type="text" name="eingabe" value="Bitte Text eingeben" style="border: 0px; background-color: #333333; color: #FFFFFF">


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]