Jak to zrobić?

Witam serdecznie, 

potrzebuję zrobić formularz, który będzie składał się z pięciu pytań. Jak osiągnąć coś takiego jak niżej.

Chodzi głownie o przyciski wyboru, oraz jak zrobić aby po kliknięciu dalej nie przeładowywała się cała strona, tylko pojawiało się następne pytanie

piotrevic napisał(a):

Strony działające bez przeładowywania zwykle korzystają z frameworków/bibliotek SPA, np. React, Angular. Do dalszego szukania podaje hasło: "Single-page application"

SPA do zwykłego multi step form? tego jeszcze nie grali (kto to plusuje?) :)

Wystarczy pewnie ajax (na upartego nawet nie):
https://www.phpflow.com/php/multi-step-form-using-php-bootstrap-jquery/
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_form_steps
https://www.webslesson.info/2018/04/multi-step-responsive-form-using-jquery-bootstrap-php.html

czysteskarpety napisał(a):

piotrevic napisał(a):

Strony działające bez przeładowywania zwykle korzystają z frameworków/bibliotek SPA, np. React, Angular. Do dalszego szukania podaje hasło: "Single-page application"

SPA do zwykłego multi step form? tego jeszcze nie grali (kto to plusuje?) :)

Wystarczy pewnie ajax (na upartego nawet nie):
https://www.phpflow.com/php/multi-step-form-using-php-bootstrap-jquery/
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_form_steps
https://www.webslesson.info/2018/04/multi-step-responsive-form-using-jquery-bootstrap-php.html

Co się czepiasz? Nie skłamał, da się tak zrobić. Cały formularz ładowany jest od razu a potem tylko przejścia zrobić.

@PerlMonk: na czystym js tez się da zrobić takie proste rzeczy i mówię to ja wierny koder angulara.

mr_jaro napisał(a):

@PerlMonk: na czystym js tez się da zrobić takie prace rzeczy i mówię to ja wierny koder angulara.

No ba :) ! A autor wątku zdecyduje sam.

Ponieważ umiem tylko JQuery użyłbym JQuery do Ajaxa :P

Najłatwiej to będzie użyć gotowca z githuba. Zależy czy potrzebujesz tego jako część czegoś większego, czy sam formularz do zbierania danych, czy w celach edukacyjnych/na zaliczenie.

Tu nie trzeba nawet ajaksa. Wystarczą DIV-y z klatkami kolejnych pytań, którym JS będzie przełączać display: none/block.