Multipage Forms and Navigation

Using the drag and drop fields from the toolbox, add the following to each page of your form. We'll add navigation buttons later.

You don't have to precisely copy the examples below, the important thing is to have some fields on your form, ready for the next steps. Remember to give your input fields meaningful names.

Page 1 - INTRO

You should clearly explain what a form is about before someone starts to fill it out. On websites like GOV.UK you'll see information about a form and a "Start now" button.

You can replicate that style using the guidance text field.

Enter some text explaining what your form is about. You can also include HTML.

Page 2 - NAME

Add a layout field and a text input field. The label of the layout field can be used to ask a question.

Give the text field a name and label. The example uses LASTNAME.

Guidance text fields can add further help.

Page 3 - REFERENCE

This page is similar to the previous page. Add a layout field and another input box. This input is called REFERENCENUMBER.

Page 4 - CHECK

We'll create the final page later in the tutorial.