Create Working Forms for HTML, React, Vue - No Coding/Server Required!
Tags: webdev, beginners, html, javascript
Published: 2022-09-05 08:12:46

Forms are everywhere, but each form is different. Each one is built for one specific purpose, using a specific style and delivering the data to a specific

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/806vwykvdrqso4j1cg58.png)

Despite every specific thing on a form, all forms need the same thing: a backend, API, processing server, or whatever you call it. It is the one that will process the form after the user clicks the submit button. Having a reliable backend is a necessity for every form. On top of that, the feature, extendability, and cost-effectiveness are also essential factors to consider.

[FormBold] (https://formbold.com/) is trying to solve that, a serverless form backend that works with any use-case for any codebase that delivers the data to any app. It is a developer’s swiss army knife.

## Why will developers love FormBold?

### Simple to use

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ekn7jonnbajwmw0cg0qi.png)

Just insert the form action with your FormBold endpoint URL. Done, now your form is fully working.

```html
<form action="https://formbold.com/s/FORM_ID" method="POST">
  <input type="email" placeholder="Email" name="email" />
  <input type="text" placeholder="Subject" name="subject" />
  <textarea name="message" placeholder="Type your message"></textarea>

<button type="submit">Send Message</button>
</form>
```
        
## Create form for any use cases

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/st1urafb5010996r4m97.png)
Need to create a job application form? You can use FormBold, which has a file upload feature to upload the applicant’s resume. For the form data? Integrate the form with Notion, so you can track the applications and easily review each applicant.
    
**Frequently used use cases:**
        - Contact form
        - Booking form
        - Bug report form
        - Client request form
        - Any form you want to build

You can find tons of ready to use form [Form Templates](https://formbold.com/templates) from FormBold site.


## Integrate with any frameworks or libraries

You can use your current stack with FormBold. If in the future you want to change the codebase, framework, or platform, you can re-use the previous FormBold endpoint without breaking anything.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n0vrfzq9gr6w4cxyr09x.png)
    
**Example installation for the popular codebase:**
        - HTML
        - React/NextJS/Gatsby ...
        - Vue
        - Any code, framework, and platform you love

We also created a [git repository where you can find all code examples] (https://github.com/FormBold/examples) that you can copy-paste.

## Works with all hosting platforms

Yes, no matter where your website is hosted. FormBold works with all sort of servers and hosting platforms including - Vercel, Cpanel, netlify, github pages ...

## Send submission data and notifications to messaging or chat apps

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0vebcqa445v8a541ayj9.png)
You process every form submission in a specific way. For example, a bug report form will be easier to process if the submission sends to notion, so you can collaborate with your team directly without copying and pasting the report from email to notion-manually.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/povyvamfxghz3u6xhat1.png)

**Another example:**
Email: for a contact form, it is easier to respond if the form submission is direct to your inbox
- Slack
- Notion
- Telegram
- Anywhere, using Webhooks

## Why FormBold?
{% youtube ehLjmPuoFE0 %}


### Affordable with Decent Free-tier
FormBold give your free 100 submissions every month

### No backend or server-side dependency needed
Yes, everything is handled by the FormBold server. You just need to make your form and wait for the submissions to deliver to your inbox and app.

### Secure from spam, 2 layers spam protection
FormBold has a built-in spam blocker, but you can also use reCAPTCHA for more confident security.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8y1qhtfb1l3m9o1hf0q8.png)

### Detailed statistics and export data
Track your form submissions by date, and see how they perform. Also you can export submission data as .CSV file from your dashboard.

### Attach large files
Need some files uploaded to your form? It’s done. Use this feature if you need the end-users to upload a file. For example, a job application form may require applicants to upload their resumes in PDF.

## Conclusion
FormBold is an excellent tool for Developers, and non-developers can use it with a minimal learning curve. Packed with essential features such as statistics and ReCaptcha to secure your form from spammers, FormBold is a must for anyone who wants to build a form faster and cheaper.