HTML Forms

The simplest Formbase integration is a standard HTML form. This works anywhere you can write HTML: static sites, templates, server-rendered apps, and CMS embeds. When the browser submits the form, Formbase stores the data and redirects the user to a built-in success page. If you set a return URL in the dashboard, that page includes a button back to your site.

Create a form endpoint

Copy the endpoint from your Formbase dashboard. It looks like https://formbase.dev/s/YOUR_FORM_ID.

Add the endpoint to your form

<form action="https://formbase.dev/s/YOUR_FORM_ID" method="POST">
  <label for="name">Name</label>
  <input id="name" name="name" type="text" required />

  <label for="email">Email</label>
  <input id="email" name="email" type="email" required />

  <label for="message">Message</label>
  <textarea id="message" name="message" required></textarea>

  <button type="submit">Send</button>
</form>

The name attribute of each field becomes a key in your submission data.

Submit and verify

Submit the form and confirm the data appears in your Formbase dashboard.

File uploads with HTML

To upload files, add a file input and set enctype="multipart/form-data":

<form
  action="https://formbase.dev/s/YOUR_FORM_ID"
  method="POST"
  enctype="multipart/form-data"
>
  <input name="name" type="text" required />
  <input name="resume" type="file" />
  <button type="submit">Upload</button>
</form>

Formbase stores uploaded files as URLs under either file or image in the submission data.

If you need a custom thank-you page, handle submission with JavaScript and redirect manually. See Redirects.

Your Form Endpoint HTML Field Types

⌘I

Getting Started

Integrations

File Uploads

Form Settings

Redirects

Submissions

Security

Self-Hosting

CMS Platforms

FAQ

File uploads with HTML

​File uploads with HTML

File uploads with HTML