Где я могу найти примеры веб-форм с тяжелыми элементами?

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

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
8
0
992
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Ответ принят как подходящий

Мне всегда нравится посещать Wufoo, когда мне нужно какое-то вдохновение.

Во-вторых, рекомендация; Я писал то же самое, когда вы писали.

ine 14.10.2008 20:03

Все зависит от того, на чем вы сосредоточены: ввод данных или взаимодействие с пользователем. Для ввод данных в качестве основной цели я бы держал поля ввода близко друг к другу и следил за тем, чтобы они хорошо работали с клавишей табуляции, чтобы пользователю никогда не приходилось отрывать руки от клавиатуры. Также, вероятно, следует свести пространство к минимуму и попытаться разместить на странице как можно больше полей.

Для Пользовательский опыт, верно как раз обратное, вам нужно убедиться, что есть достаточно места для выявления проблем с проверкой JavaScript, и убедиться, что форма работает так же хорошо для новых пользователей, как и для опытных пользователей. Опытные пользователи == пользователи с интенсивным вводом данных.

Wufoo довольно удобен для пользователей, но он не будет работать для пользователей ввода данных, о которых я упоминал выше. Потому что пользователь должен остановиться, чтобы нажать кнопку.

В Smashing Magazine есть хороший обзор идей, приемов и руководств по созданию форм на основе CSS.

Проверьте это здесь.

Другие вопросы по теме