# Step 3.1: Create Multi-Step HTML Form





Create a custom multi-step form or use the starter template.

1. Clone the repository:

   ```bash
   git clone -b demo https://github.com/trysurface/multi-step-progressive-form
   ```

2. Open the project and review the **`index.html`** file.

<Frame>
    <img alt="Multi-step Form Example 1" src="__img0" />
</Frame>

**Add the form ID to the `<form>` tag**

```html
<form data-id="<Your_Form_ID>">
  <!-- Form steps here -->
</form>
```

Replace &#x2A;*`<Your_Form_ID>`** with the ID of the external form created in Surface Labs.