Как сделать такую форму?

Question

[RushV]

Всех приветствую!
Пользуюсь formit.
Сложно ли сделать такую форму?


Обычный форму сделать просто, меня напугали эти переходы выбрал нужный пункт и происходит переход как бы на другую форму. Не разу не делал такого.
Как вообще делают этапы сперва верстают формы, а потом через скрипт реализовывают переходы?
Заранее благодарю?

Answer 1

[Александр Лунегов]

Это Квиз (опрос).
Есть готовое дополнение для MODX за 990 рублей.

Сделать Квиз на чистом FormIt будет непросто.

Answer 2

[Localhost]

JS, HTML, CSS и на modx FormIt + AJAXАform
или купить дополнение Квиз

Как вообще делают этапы сперва верстают формы, а потом через скрипт реализовывают переходы?
Верстать в HTML, CSS с помощью JS делать переходы и через FormIt + AJAXАform отправлять форму

Comments

[RushV]

Допустим я сверстал формы, а как мне эти формы спрятать с помощью display: none: или внутри js прописать?

[Localhost]

этап 1 оставить, остальные этапы display: none:, дальше делаем js.
у этапа 1 допустим есть кнопка перейти на этап 2, на js делаем условие по клику на перейти на этап 2, и убираем у этапа 2 display: none:, а этапу 1 добавляем display: none:,

[Localhost]

Все эти этапы 1, 2, 3 внутри from

<form>
<div>Этап 1</div>
<div>Этап 2</div>
<div>Этап 3</div>
<div>Этап 4 - отправить форму</div>
</form>

[Froggyweb]

RushV, вот например https://www.w3schools.com/howto/howto_js_form_steps.asp

[Localhost]

примеров куча, и под MODX тоже