HTML-Formulare gestalten per CSS

Wie Sie per CSS ein einfaches Kontaktformular für Ihre Website gestalten

∅ 4.2 / 9 Bewertungen

Wie Sie per CSS ein einfaches Kontaktformular für Ihre Website gestalten und mit dem Formular-Chef von nettz.de verschicken.

HTML-Tabellen gestalten

Von der Wiege bis zur Bahre - Formulare, Formulare. Im analogen Alltag haben Formulare einen eher negativen Beiklang, im Web basieren alle Interaktionen mit dem Besucher darauf. Peter Müller erklärt, wie Sie ein einfaches Kontaktformular für Ihre Website erstellen, das Sie per CSS gestalten und mit dem Formular-Chef von nettz.de verschicken.

Zum Üben und Selbermachen stehen Beispieldateien bereit. Das zip enthält zwei Ordner: In "basis" finden Sie die Übungsdateien, mit denen Sie unmittelbar anfangen können zu arbeiten. Dem Ordner "fertig" entnehmen Sie, wie das Ganze am Ende aussehen sollte. - Download Beispieldateien (.zip, 16 kB).

mehr ...

HTML-Tabellen testen

Zum Abschluss der Formulargestaltung noch ein kleines i-Tüpfelchen: Mit einem einzeiligen JavaScript vereinfachen Sie die Benutzung des Formulars für Ihre Besucher, indem Sie den Cursor beim Laden der Seite gleich ins erste Formularfeld setzen. Ergänzen Sie den <body>-Tag auf kontakt.html wie folgt:

<body id="kontaktseite" onload="document.kontaktformular.absender.focus();">

mehr ...