How to Handle Form Submissions Without a Backend

Understand how form backends work

A form backend service gives you a URL that accepts POST requests from your HTML form. When a visitor submits the form, the data is sent to that URL instead of your own server. The service stores the submission, validates it, and forwards it to your email or other integrations. This eliminates the need for any server-side code.

Create a form endpoint and connect your form

Sign up for FormsList and create a new form endpoint. Then set your HTML form's action attribute to the endpoint URL or use JavaScript fetch to POST data to it. Both approaches work — the plain HTML method is simpler, while fetch gives you more control over the user experience.

<!-- Option 1: Plain HTML (redirects after submit) -->
<form action="https://formslist.com/f/YOUR_FORM_HASH" method="POST">
  <input type="text" name="name" placeholder="Your name" required />
  <input type="email" name="email" placeholder="Your email" required />
  <textarea name="message" placeholder="Your message" required></textarea>
  <button type="submit">Send</button>
</form>

<!-- Option 2: JavaScript fetch (stays on page) -->
<script>
  document.getElementById("myForm").addEventListener("submit", async (e) => {
    e.preventDefault();
    const data = new FormData(e.target);
    const res = await fetch("https://formslist.com/f/YOUR_FORM_HASH", {
      method: "POST",
      body: data,
    });
    if (res.ok) {
      document.getElementById("myForm").reset();
      alert("Message sent!");
    }
  });
</script>

Set up email notifications and test

In the FormsList dashboard, enable email notifications so every submission is delivered to your inbox. You can also connect Slack, webhooks, or Google Sheets. Submit a test entry to make sure everything works. Your form is now fully functional — no backend code, no hosting costs.