Beim Formular-Layout für Homepages treten zwei grundlegende Fragen auf:

1. Wie layoutet man große Formulare auf Internet-Sites oder in Webanwendungen so, dass die User diese möglichst einfach befüllen könne?

2. Wie setzt man dieses Layout am besten mit HTML, CSS und Javascript um?

Wie sollen Formulare aussehen?

Eine informative Anleitung, wie die einzelnen Vor- und Nachteile von verschiedenen Formulardesigns aussehen, findet sich unter folgendem Link:

• http://www.lukew.com/resources/articles/web_forms.html

Umsetzung in CSS & HTML

Die beste Anleitung – so far – habe ich hier gefunden:

• http://articles.sitepoint.com/article/fancy-form-design-css/1

Formular-Tags ansprechen und formatieren (und auch eine schöne Idee rechts oben layoutmäßig):

• http://www.martin-jost.com/css-blog/formular-tags-css-ansprechen-formatieren/

Zusatzfunktionen durch JavaScript

Zusatzfunktionen für Formularfelder in JavaScript:

• http://www.formassembly.com/form-garden.php?formId=29&style=/form-builder/css/campground_2

Design-Ideen

• http://www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/
• http://wufoo.com/gallery/
• http://www.noupe.com/php/beautiful-forms.html

Design-Tools

• http://www.formstylegenerator.com/

Und nochmal die Grundlagen von jQuery für Designer

• http://www.whoishostingthis.com/resources/jquery-design/