Как реализовать последовательную загрузку форм?

Question

[denism300]

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

желательно, с каким-нибудь примером.

Comments

[Вадим]

Скрыть все формы кроме первой, при нажатие на далее скрываем первую, показываем вторую форму и т.д. в каждой форме.
Вот пример: ooo-nova.com/questionnaire?id=6

Answer 1

[coderisimo]

Сохранять промежуточные данные на сервере не слишком удобно, так что оптимально сделать ОДНУ форму и просто показывать разные ее вкладки)
Как ?
1) Можно просто использовать форму с табами. Скрывать или показывать нужные из них по клику
https://getbootstrap.com/docs/4.3/components/navs/...

2) есть и плагины типа - www.jquery-steps.com/Examples#basic .
Но мне кажется первого способа достаточно.

Answer 2

[Антон Усачев]

Немного расширю ответ Василий своим опытом. (Считаю, что ответ на вопрос присуждается ему).
UX это иллюзия, которую мы предоставляем юзерам для взаимодействия с интерфейсом. Поэтому все так.
Для того, чтобы не потерять данные я обычно создаю <input type="hidden" value="">, и в его value вписываю все данные с удобными разделителями (чтоб потом парсить удобно было), а отправляю по финальному submit.
Если разбираетесь, посмотрите сурсы вот этого проекта.