Multi-Step Form splits a long form into three short steps: about you, your project and a review. A progress bar shows where you are, each step is checked before you can continue, and the last step lists every answer so people can check them before they send. Splitting a long form into steps feels shorter and usually completes better than one tall page of fields.

How a step is checked

When someone presses Continue, the fields on the current step are validated with the browser's own rules (required, email format) and the first problem is explained and focused. Pressing Enter in a field moves to the next step instead of submitting early, and Back never loses what was typed. The review step builds its list from the actual answers: text, the chosen option cards, the budget and the details.

Built for your project type

The second step shows option cards for the project type, from a list you edit, a budget menu and a details box. Change the three step names, the labels and the button texts to turn it into a quote request, an onboarding flow or an application. Every form posts to the address you paste into "Form URL" (Formspree, Basin, Getform or your own server), shows a success message, shows an error message when something fails and contains a hidden spam-trap field. Without JavaScript it is an ordinary form post.

Works without JavaScript

If JavaScript is off, all three steps simply show one after another and the form posts normally. With it on, the steps animate in, respect reduced-motion settings and update aria-current on the progress bar for screen readers. For a single-page version of a quote form see the Quote Request Form.