Kontaktformular

[Gunnar Bittersmann]

@@Carmen:

nuqneH

ok, wenn das HTML so in Ordnung ist, wie hier gezeigt, dann sollte mein CSS bestimmt auch passen oder?

.kontakt_form {

width:600px;
}

  
`width:600px` passt nicht zu responsive webdesign. Hast du wohl inzwischen selbst schon gemerkt; ich kann’s in deinem Online-Bespiel nicht mehr finden.  
  
(Ich frag mich, ob es gut ist, das Online-Bespiel ständig zu ändern und damit ältere Postings nicht mehr nachvollziehbar zu machen, oder ob es sinnvoller wäre, jede Version unter anderem URI zu referenzieren.)  
  
  
Was immer noch nicht passt, ist das Design des Formulars.  
  
Jetzt hast du zwar Vorname und Familienname (das Label „Name“ ist unpassend) in einer Zeile, aber auch Anrede und Firma, was nicht zusammengehört.  
  
Dass bei Anrede „Herr“ vorausgewählt ist, ist problematisch. Dass eine Person nur zwischen „Herr“ und „Frau“ wählen kann, [ist diskriminierend](http://www.zeit.de/wissen/2013-10/intersexualitaet-geschlechtsangabe-personenstandsgesetz-aenderung).  
  
Und was, wenn man „Firma“ wählt? Vorname und Familienname sind dennoch Pflichtfelder? Es ist nicht klar, was man in dem Formular überhaupt eingeben sollte.  
  
  
Was du tust ist, Eingabefelder auf Teufel-komm-raus auf zwei Spalten zu verteilen. Das kann nur schiefgehen.  
  
Überlege dir, welche Daten du abfragen musst. Dazu gehört auch, welche du getrennt abfragen musst. Brauchst du [Vorname und Familienname getrennt?](http://www.w3.org/International/questions/qa-personal-names#singlefield) Brauchst du PLZ und Ort getrennt?  
  
Dann überlegst du, welche Eingabefelder inhaltlich(!) zusammengehören.  
  
\_Daraus\_ ergibt sich deren Anordnung. Wenn in manchen Zeilen nur Eingabefeld ist und in anderen vielleicht sogar drei, dann ist das halt so. Form follows function.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)