Ausrichtung von Formularelementen

[marctrix]

Hej Der Martin,

Also worin siehst du den Nachteil oder gar das Problem, wenn sie nebeneinander stehen?

Im vorliegenden Beispiel ist das nicht so gut zu sehen, weil jsFiddle so ein schmales Fenster bereit stellt. Die Felder will man in aller Regel nicht 2000px breit haben, die Beschriftungen sind es in der Regel auch nicht. Daher können Beschriftung und Feld im echten Leben schon mal sehr weit auseinander liegen.

okay, das würde ich auch als Manko sehen. Aber das tut "man" doch auch nicht, oder? Also ich meine, auch bei Label+Input in einer Zeile zerrt man sie doch auch nicht weit auseinander, sondern macht den Abstand zwischen ihnen möglichst gering. Und weder Label noch Input-Feld deutlich breiter als nötig.

Was ist denn möglichst gering? ;-)

So was lässt sich nicht festlegen, mitunter sind mehrere Worte nötig, um zu erklären, was in ein Feld gehört. Zum Beispiel wenn ein Alter angegeben werden muss und jemand muss volljährig sein.

Unter https://www.einfachfueralle.de/artikel/barrierefreie-formulare/design/ gibt es einen guten Artikel dazu. In diesem Bispiel ist das kürzeste Label "Label", das längste "Extralanges Label" - ich habe schon echte Formulare mit größeren Unterschieden gesehen und selbst in diesem Beispiel wird die Problematik klar.

Es ist sicher vertretbar, Formulare anders zu gestalten, wenn ein Formular mit sehr ähnlich langen Labels vorhanden ist und man "Zebrastreifen" einfügt und die Gesamtbreite des Formulars begrenzt. Das eignet sich aber weder als genereller Tipp, sondern nur in bestimmten Fällen. Außerdem sind das ziemlich viele "wenns" und "abers".

Man kriegt sicher vieles hin. Die Frage ist, ob man sich die Arbeit machen muss, nur um zu verhindern, ein best practice-Beispiel umzusetzen ;-)

Nee, das ist auch Mist. Ganz übel finde ich auch die Unsitte, die Beschriftung in das Eingabefeld zu setzen bzw. placeholder dafür zu missbrauchen. Denn dann ist die "Hilfe" weg, sobald ich das Feld focussiert habe oder bereits Inhalt drin steht.

Genau. Das ist eine Unsitte!

Marc