> For the complete documentation index, see [llms.txt](https://docs.senpiper.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.senpiper.com/form-builder/creating-forms/adding-fields-and-saving-a-form.md).

# Adding fields and saving a form

{% hint style="warning" %}
A form cannot be created without adding at least one field to the form.
{% endhint %}

To add fields to a form, 

1\.    In the **Build** tab, from the left pane, click on the category of fields from which you want to add the field to the form.

For instance, if you want to add a textbox field to the form, you must click on the category, **Basic Fields**.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2Fzbwnrt7YPsyk4INCdD8w%2Fimage.png?alt=media\&token=14979467-ffbb-403c-8f7f-24b7cb5ff114)

The fields belonging to the selected category are displayed. Since we had selected the **Basic Fields** category, the fields under the **Basic Fields** category are displayed.

<figure><img src="https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FclPZruYMgmXu6PTeRAGl%2Fimage.png?alt=media&amp;token=6a087490-4188-4d27-b1d4-32e090e5f3a3" alt=""><figcaption></figcaption></figure>

2\.    To add a field to the form, either click on the required field or drag the field and drop it on the right pane.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FJYrsKqNR9D5RlUEPJ8g6%2Fimage.png?alt=media\&token=b8468650-e90c-4686-9722-2539459c59a3)

The selected field is displayed in the right pane.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FvKtttn2JmhEXbOFP6D4R%2Fimage.png?alt=media\&token=b6dece79-dc6a-4a35-a090-cfc8ffd32738)

3\.    To configure settings for the selected field, on the right of added field, click ![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FGwZSV46lCMGDqC5xVuS8%2Fimage.png?alt=media\&token=74f89017-8045-42e0-89b4-efc2501bffde).

The general settings for the selected field are displayed.&#x20;

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FtmUpfTWw2B1isVM6IulD%2Fimage.png?alt=media\&token=1f8ad59b-2d43-4765-b740-2d7bf2179532)

4\.    Enter the required details and then on the bottom right of the screen, click **Apply**.

{% hint style="warning" %}
**Field Name** is a mandatory field. The field will not be added to the form if you do not provide a name for the field. For more information on field settings see [**Default field settings**](/form-builder/creating-forms/adding-fields-and-saving-a-form/default-field-settings.md) and [**Individual field settings**](/form-builder/creating-forms/adding-fields-and-saving-a-form/individual-field-settings.md).&#x20;
{% endhint %}

The field is added to the form and the settings are configured.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FCflKr45TppZ65PdPBQ2Z%2Fimage.png?alt=media\&token=8a886bde-04a1-470f-a9b4-38247b47f213)

{% hint style="info" %}
To add more fields to the form, **repeat the steps 1 through 4**.
{% endhint %}

{% hint style="success" %}
[**Section** ](https://docs.senpiper.com/form-builder/creating-forms/pages/-MlTKz6Y8xUCmZEa9lxP#10.-section)fields are added to the form in a similar manner as described above. You can drag individual fields and drop them into the section. A **Section** field cannot be created without adding at least one field into the section.
{% endhint %}

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FP9QVHHnaEF2nr5EGTe6m%2Fimage.png?alt=media\&token=00f283be-5c9d-4483-ab4d-edc36ffb8b05)

5\.    To rearrange the order of fields in the form, drag the required field and drop it on the desired position.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FX2rUzbH5YUSI5QYjBJOk%2Fimage.png?alt=media\&token=604017ca-9b90-45e7-8463-2b23dbe9fd2a)

As you can see in the above image, we will drag and drop the field, **Expense** per day right below the field, **Age**.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FrGpDMyoG2RymMEjpq6ig%2Fimage.png?alt=media\&token=1813bda4-7a2f-4ae9-80bc-32b07565e663)

6\.    To save the settings and to create the form, at the bottom right of the screen, click **Create Form/Update Form**.

The confirmation dialog box appears.

![](https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2F7juRfsBB7r3ZwsZvNEQ5%2Fimage.png?alt=media\&token=b17fbd66-ca8e-46c7-b27a-b7269cdfd897)

6\.    In the confirmation dialog box, click **Confirm**.

The selected field(s) are added to the form and the form is saved.