Bestellformular erstellen per CSS

So gestalten Sie ein komplettes Bestellformular mit mehreren Abschnitten

Bisher noch keine Bewertungen für diesen Artikel.

So gestalten Sie ein komplettes Bestellformular mit mehreren Abschnitten.

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).

mehr ...

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.

mehr ...