Я хотел бы взглянуть на несколько примеров хороших макетов форм (веб-сайтов) с большим количеством полей ввода. Я много занимаюсь разработкой веб-приложений, и многие мои формы являются тяжелыми элементами ввода, поэтому я всегда ищу хорошие идеи о том, как отображать свои формы. Например, у меня есть несколько списков, много текстовых полей и несколько раскрывающихся списков на странице, а также отображается история изменений формы.






Мне всегда нравится посещать Wufoo, когда мне нужно какое-то вдохновение.
Все зависит от того, на чем вы сосредоточены: ввод данных или взаимодействие с пользователем. Для ввод данных в качестве основной цели я бы держал поля ввода близко друг к другу и следил за тем, чтобы они хорошо работали с клавишей табуляции, чтобы пользователю никогда не приходилось отрывать руки от клавиатуры. Также, вероятно, следует свести пространство к минимуму и попытаться разместить на странице как можно больше полей.
Для Пользовательский опыт, верно как раз обратное, вам нужно убедиться, что есть достаточно места для выявления проблем с проверкой JavaScript, и убедиться, что форма работает так же хорошо для новых пользователей, как и для опытных пользователей. Опытные пользователи == пользователи с интенсивным вводом данных.
Wufoo довольно удобен для пользователей, но он не будет работать для пользователей ввода данных, о которых я упоминал выше. Потому что пользователь должен остановиться, чтобы нажать кнопку.
В Smashing Magazine есть хороший обзор идей, приемов и руководств по созданию форм на основе CSS.
Проверьте это здесь.
Во-вторых, рекомендация; Я писал то же самое, когда вы писали.