How to make a form in "multiple pages" without reloading?

How to make a form with buttons "forward", "back" on a few screens without reloading the page. For example, filling in the fields on the issue of insurance. Step 1, step 2, step 3. In the end, the layout only introduced in one unit how to check and squ on "send"? Ideally, animation of the backlight steps.
April 7th 20 at 10:40
2 answers
April 7th 20 at 10:42
JQuery will help you with this.
Why recommend an outdated tool? Especially when pure js already knows the same thing for the same number of rows? - haleigh commented on April 7th 20 at 10:45
April 7th 20 at 10:44
3 options:

1. The whole form is displayed and divided into sections - a simple js/jquery. While shown section 1, sections 2 and 3 are hidden. css animations

2. ajax/fetch - form is loaded incrementally, replacing the data in the div

3 - rest api + react/vue - for nutters. But this is an option for such a simple task

Find more questions by tags CSSJavaScriptHTMLLayout