HTML Form Examples — Copy-Paste Working Code for 2026

<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="redirect"   value="https://yoursite.com/thanks" />

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

  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" />
  <button type="submit">Send</button>
</form>

Every form-tutorial article online ships dozens of HTML snippets that don't actually work — they POST nowhere, or to a fake URL, or to a backend that's been dead for years. The eight examples on this page POST to splitforms's free `/api/submit` endpoint. Replace `YOUR_ACCESS_KEY` with the one in your splitforms dashboard and the form is live in 60 seconds.

Start with the basic contact form above. It's three inputs (name, email, message), a hidden access key, a hidden honeypot for spam, and a submit button. That's the minimum viable contact form for a modern site. Add CSS, add validation, add a thank-you page — the bones don't change.

From there, the examples differentiate on form-type (registration, donation, survey) and on form-shape (multi-step, multi-column, popover widget). Browse the linked guides at the bottom for the full set with code, screenshots, and a working live preview.

All examples use semantic HTML, native validation, and zero framework dependencies. They work in vanilla HTML, React, Vue, Astro, Next.js, WordPress, Webflow — anywhere you can drop in a `<form>` tag.

Eight examples, one access key, sixty-second setup.