> For the complete documentation index, see [llms.txt](https://docs.inputflow.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.inputflow.com/elements-manager/form-structure.md).

# Form structure

Before you start to initialize elements with the Elements Manager, you have to make sure that your form is structured correctly.

This is very simple to do and only involves 2 steps:

### 1. Group your inputs inside Div Block elements

Since Inputflow is used to build Multi-step forms, you have to put inputs, text, etc. that should show up together, inside the same Div Block:

<div align="left"><figure><img src="/files/aBfrVCXuE8qExzQqerlu" alt="" width="222"><figcaption><p>Div Block with the form elements inside</p></figcaption></figure></div>

Later, we will turn each of these Div Blocks into an individual form step. The class name is not relevant (in the above example it is ***onboarding\_form-step***), but you can name your class however you want.

### 2. Give your inputs clear & descriptive names

The next step is to give clear names to all input elements. Avoid using unclear names that can cause confusion.&#x20;

This way you will have an easier time working with these elements inside Inputflow later.

<div align="left"><figure><img src="/files/s4ir5qB3LnAynU3sj9yj" alt="" width="276"><figcaption><p>Good and descriptive input field name</p></figcaption></figure> <figure><img src="/files/yb6sDs8NtKgqCnYMUHpO" alt="" width="276"><figcaption><p>Bad and confusing input field name</p></figcaption></figure></div>
