FormBackend logo

Basics

Getting started

How to get started with FormBackend, how to set it up and how it works

There are two simple things you need in order to use FormBackend. First one is a HTML form and the second is a FormBackend account

HTML Form

Below can be seen a simple HTML form. It can contain any type of field you want, with any name you’d like. For example purposes below can be seen a form with a name field and an email field:

<form accept-charset="UTF-8" action="[REPLACE-THIS-URL-LATER]" method="POST">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>

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

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

Notice how the action attribute of the form tag contains a placeholder. Let’s move on to the next step and get a FormBackend account going so we can get something real in there!

FormBackend account

Visit FormBackend and create an account. Go ahead and create a new form once you’re signed in. On your forms “Set Up” page (in the tabbed navigation) there is a gray box with a link to formbackend and a purple copy button next to it, go ahead and copy that value and paste it in to your forms action attribute instead of [REPLACE-THIS-URL-LATER].

You can try and paste in your unique FormBackend URL for your form in the editor below and go to the result tab and submit the form

You can now add it to a file on your computer named index.html and open that up in a browser or you can add it to your website and test it out.