Mit Bild
Mit Bild
Das Formular-HTML
Im Beitrag "Kontaktformular erstellen per CSS" haben Sie ein einfaches, voll funktionsfähiges Kontaktformular erstellt und dabei die wichtigsten Formularelemente kennen gelernt. Nun gehen Sie einen Schritt weiter und gestalten ein etwas komplexeres Bestellformular, das aus mehreren Abschnitten besteht.
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, 3 KB).
Mit Bild
Formular gestalten
Die Gestaltung von Formularen gehört für Webautoren zu den eher unbeliebten Aufgaben. Eine der Ursachen dafür ist, dass Formularelemente ähnlich wie Grafiken zu den ersetzten ("replaced") Elementen gehören:
input, textarea oder select werden vom Browser durch vorgefertigte Bauteile ersetzt, deren Aussehen vom Betriebssystem des Rechners beeinflusst wird.