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.