Как подойти к этому, изменив форму HTML - PullRequest
0 голосов
/ 03 января 2011

Здравствуйте, я не уверен, как подойти к этой логике в отношении формы.Итак, форма большая, более 20 полей, которые я знаю, считается «плохой практикой», а формы должны быть минимальными, но так клиент хочет, так что никаких споров, в любом случае форма будет принимать заказы, но есть другой порядоктипы (более конкретно 5) «нормальный тип» имеет все поля, а другие типы имеют некоторые поля, а некоторые нет, в настоящий момент тип заказа извлекается из параметра get и на основе его значения отображаются некоторые поля и другиеНет, проблема в том, что когда тип заказа содержит меньше полей, чем «нормальный» тип, форма выглядит ужасно понравившейся, если кто-то нарезает некоторые части, а не подгоняет их естественным образом, поэтому вот небольшой список того, что я подумал (яиспользуя, кстати, JSP):

  • Определите индивидуальный стиль для каждого типа заказа, что означает использование JSTL для загрузки другой таблицы стилей CSS в заголовках.
  • Другой способбыло бы сделать отдельную страницу HTML для каждого типа заказа, каждая страница будет содержать поля, которые заказТип требует и будет иметь свой собственный файл CSS.
  • Используйте `c: choose` для каждого типа ордера и включайте поля в каждый блок` c: when`.Мне это не очень нравится, потому что это означает повторение некоторых полей в каждом блоке.

Есть еще предложения?

1 Ответ

0 голосов
/ 03 января 2011

Рассматривали ли вы отключение / включение полей в зависимости от типа заказа?Как насчет использования многостраничной формы?

Когда вы говорите, что CSS испорчен, что именно происходит?

Если я правильно прочитал ваш вопрос, проблема чисто CSS - так что ядобавив тег к вопросу.Можете ли вы опубликовать свой CSS?В частности, как каждое из ваших полей форм в настоящее время отображается / скрывается.

Вы также можете сообщить своему клиенту, что (если он не использует ajax), что пользователи могут (и будут) терять данные, если они уходят оттакая большая форма по ошибке.

...