# Form Container

## Setup

**Attribute:** `sf = formName` 

**Where:** Form container element

**Description:** Mounts the Superform library to a specific form in Webflow. Once applied, Superform provides advanced input validation, reactivity, multi-step form support, dynamic outcomes, quiz scoring and its other features.

**HTML Example**

{% code title="index.html" %}

```html
<div sf="myForm">
  <form>
  <!-- Form steps go here -->
  </form>
</div>
```

{% endcode %}

**Webflow Example**

<figure><img src="https://450000313-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDGLtnaQr6bP3qHCWvX0r%2Fuploads%2FrAMubjEyRhxqWSkGC4iy%2FCleanShot%202024-07-15%20at%2014.14.00%402x.png?alt=media&#x26;token=974012d3-09d1-4692-b384-cc5d0750e228" alt=""><figcaption></figcaption></figure>

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDGLtnaQr6bP3qHCWvX0r%2Fuploads%2FM7cS3KyIH9TnJs4vPGkJ%2FFormSelector.mp4?alt=media&token=b9e5fa0a-ab9c-4850-bdff-30b7e8122f76>" %}
VIDEO: Mounting Superform inside a Webflow project.
{% endembed %}

{% hint style="info" %}

1. Multiple instances can be used on a single page.&#x20;
2. The form name ("myForm" in this case) also serves as a reference for accessing the form via `getForm(myForm)` function programmatically in the SDK.

{% endhint %}