Пример создания малонагруженных форм.

Эти формы имеют небольшое количество данных и строк ввода. Можно использовать разные подходы для отображения и работы с ними.

В качестве обычной формы

Ширина контента

Рекомендуемая ширина поля - 450px - 600px.

Поля ввода на данной форме должны иметь одинаковую ширину и располагаться в иерархическом порядке. Рекомендуется группировать поля ввода по назначению как в примерах ниже.

Форма редактирования - Ширина

Исключения по ширине составляют лишь поля ввода даты и времени, так как их ширина фиксирована.

Форма редактирования - Ширина

Расположение на странице

Можно располагать поля ввода в одну или две колонки.

Форма редактирования - Расположение на странице

Форма редактирования - Расположение на странице

Поля ввода нельзя растягивать по ширине всей страницы.

Форма редактирования - Расположение на странице

Список с формой редактирования

Если форма занимает мало места, то можно использовать оставшееся пространство для отображения списка.

Форма редактирования - Расположение на странице

В данном решении у пользователя нет необходимости переключаться между списком и самой формой.

При помощи слайдера можно изменять ширину списка или формы редактирования.