HTML

HTML contact form

A plain HTML page can collect contact submissions with no JavaScript and no backend — the browser itself POSTs the <form>. Set the form’s action to the TruForms endpoint, add a hidden access_key, and the response is either a JSON acknowledgement or a redirect to your thank-you page.

Because there is no client-side code, this is the most resilient option: it works with JavaScript disabled, on any static host (GitHub Pages, S3, Netlify, a plain Apache box), and degrades gracefully on flaky connections. Start here and progressively enhance later — drop in a fetch() handler when you want an inline success message instead of a full page redirect.

Create your form — it's free All quickstart snippets

Copy-paste snippet

contact.html

<form action="https://forms.truenotech.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />

  <label>Name <input type="text" name="name" required /></label>
  <label>Email <input type="email" name="email" required /></label>
  <label>Message <textarea name="message" required></textarea></label>

  <!-- Honeypot: hidden from users, filled only by bots -->
  <input type="text" name="botcheck" style="display:none" tabindex="-1" autocomplete="off" />

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

Replace YOUR_ACCESS_KEY with your form's access key from the dashboard. The access key is public — it only identifies the form.

How it works

1
Create a form in the TruForms dashboard and copy its access key.
2
Paste the snippet into your page and replace YOUR_ACCESS_KEY.
3
Submit — the browser POSTs to TruForms, which returns JSON or redirects to your “thank you” URL.

Notes for HTML

For a no-JavaScript thank-you page, add a hidden `redirect` field (or set a Redirect URL in the form Settings) — TruForms responds with a 303 to that URL.
To accept attachments, add `enctype="multipart/form-data"` to the form and an `<input type="file">`; files are stored and linked in the notification email.
Keep the `botcheck` honeypot visually hidden and make sure browser autofill never populates it, or genuine submissions get flagged as spam.

Other frameworks

React Next.js Astro Vue