Static Forms - Secure form backend and form endpoint for contact forms
← All Tools

HTML Contact Form Generator

Pick your fields, choose a framework and style, then copy the generated code into your project.

Fields

Framework

Styling

Features

HTML
<form action="https://api.staticforms.dev/submit" method="post">
  <input type="hidden" name="apiKey" value="YOUR_API_KEY" />

  <div>
    <label for="name">Name *</label>
    <input type="text" id="name" name="name" required />
  </div>

  <div>
    <label for="email">Email *</label>
    <input type="email" id="email" name="email" required />
  </div>

  <div>
    <label for="message">Message *</label>
    <textarea id="message" name="message" rows="5" required></textarea>
  </div>

  <button type="submit">Send Message</button>
</form>

How to Use This Generated Form

  1. 1

    Sign up for a free Static Forms account

    Create an account at staticforms.dev/register to get started.

  2. 2

    Get your API key from the dashboard

    After signing in, copy your unique API key from the dashboard settings page.

  3. 3

    Replace YOUR_API_KEY in the generated code

    Find the placeholder YOUR_API_KEY in the code and replace it with your real key.

  4. 4

    Add the form to your website

    Paste the code into your HTML page or React component and deploy. Submissions will be sent to your email.

Ready to receive form submissions?

Sign up for Static Forms and start receiving submissions in minutes.

Start Free Trial