Sie sind hier: Startseite >> Tipps & Downloads >> Tipps für den "Selbstvollender" - Teil 4
 
 

Einfache und nützliche Tipps für den "Selbstvollender" - Teil 4

 

Optische Aufbereitung klassischer HTML-Formulare

Standard-HTML-Formulare mit dem weißen Hintergrund und den langweiligen 3D-Rahmen sehen insbesondere in älteren Browsern weder besonders ansprechend aus, noch bieten sie einen optimalen Bedienkomfort. Mit einfachen CSS-Anweisungen und etwas JavaScript lässt sich dies ohne großen Aufwand verbessern und dabei an das eigene Design der Website problemlos anpassen.

Unten sehen Sie, wie sich ein bewusst einfach gestaltetes HTML-Demo-Formular optimieren lässt.

* Diese Felder müssen ausgefüllt sein!

Anrede

Ihr Vor- und Nachname oder Name der Firma:
*

Ihre E-Mail Adresse: (Rückantwort nur möglich, wenn korrekt!)
*

Ihre Telefonnummer mit Vorwahl: (z.B. 0761-123456)
*

Betreff:

Ihr Kommentar/Ihre Nachricht/Ihr Problem:
*

Zur Aufbereitung von HTML-Formularen gehört auch, dass die Vollständigkeit der Eingaben mit einem einfachen Formular-Check auf Basis eines JavaScripts noch vor dem Versand überprüft werden kann. Ein solches, mit Hilfe von Dreamweaver erstelltes JavaScript wird hier demonstrativ eingesetzt.

Immerhin zeigen die Browser der neuesten Generation speziell bei Verwendung eines aktuellen Betriebssystems (ab WinXP) die Standard-HTML-Formulare in einer optisch ansprechenden Form an, wenn man zum Vergleich die Browser der Vorgänger-Versionen heranzieht.

 

zurück zu Teil 3 | zurück zu Teil 2 | zurück zu Teil 1

 

nach oben ©  web's tool | Seite Drucken