Collecting submissions

In order to start collecting submissions for your HTML form you need to sign up for an account on FormBackend.

After you have your account, you can go ahead and create a new form by clicking on the "Add new form" button.

Here you fill out a name that makes it so you can find your form later

Go ahead and save it and copy the URL you see on the screen

That's the unique URL you'll add to your HTML. Should you close the model before you get to copy the URL, you can go to the "Set Up" tab to find it again.

Let's write a quick HTML contact form:

<form action="" method="POST" accept-charset="UTF-8">
<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>

There are a few things to pay attention to here:

  • in order to make sure all submissions show up alright (languages outside of the latin family), remember to include accept-charset="UTF-8" in your form tag.

  • the value in the action attribute is your unique URL and that is the reason the submissions show up under the "Contact form" you just created.

  • there are no requirements to the naming of fields and you can include all the different fields that you'd like.

  • it's just regular HTML, there are no magic to these forms.

  • if you want to email users when they submit your form, you DO NEED a field named "email" like above.

But that's it! Your form is now ready to receive submissions.