If you have built static websites using HTML and CSS and wish to have a service that handles all the form activities you can use FabForm.io.

Why Use FabForm.io?

It is challenging to submit form data from a static web page because the static sites usually don’t have a backend that can handle the form submissions. So in that case, you can use a service that could do all of this for you. There are many services out there, But We are going to use the FabForm.io.

How to use FabForm.io to submit form data?

Step 1:

First, you need to visit FabForm.io webpage and create a new account using your email address or if you already have your account you can just sign in using that.

Step 2:

When you are logged in you need to generate a new endpoint name, In which you need to describe your form details. Here you can need to give the target email address and google sheet link where you wish to submit form data.

Let's try to Submit this simple form using FabForm.io:

In this form we are going take users data and try to submit it to an email.

<form action="https://fabform.io/f/8wq3v6Z" method="post">
  <label for="name">Your Name</label>
  <input name="name" type="text" required>
  <label for="phonenumber">Your phone number</label>
  <input name="phonenumber" type="number" required>
  <label for="email">Email</label>
  <input name="email" type="email" required>
  <button class="button is-link" type="submit">Submit</button>
</form>

when a user submits data we can his submission in the dashboard and also get email notification. and you can also see the same data in your google sheet.

Conclusion

FabForm.io is easy to use and affordable. And using it will save you hours of productive time, In which developers can focus on other parts and leave the form validation to the expert like FabForm.io.

Hope You enjoyed reading my article on a form submission from a static page. for more such articles please follow me and you can comment down your queries. Please share my post with your colleagues and friends.