Plain HTML5 (Zero JavaScript)

Get Endpoint Free

Interactive Live Sandbox

Test submitting this live demo form in real-time.

Ready

3-Step Integration Checklist

1Create a form in your Formtruck Dashboard to get your endpoint URL.

2Paste the component code into your codebase.

3Receive instant submission alerts in your inbox and dashboard!

Implementation Code

Copy-paste ready

html5-integration.html

12345678910111213141516171819
<!-- Standard HTML5 Native Form -->
<form action="https://api.formtruck.com/f/ft_YOUR_FORM_ID" method="POST">
  <label for="name">Your Name</label>
  <input type="text" id="name" name="name" required />
 
  <label for="email">Email Address</label>
  <input type="email" id="email" name="email" required />
 
  <label for="message">Your Message</label>
  <textarea id="message" name="message" rows="4" required></textarea>
 
  <!-- Optional custom redirect URL -->
  <input type="hidden" name="_next" value="https://yoursite.com/thanks" />
 
  <!-- Hidden Honeypot Field for Spam Defense -->
  <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
 
  <button type="submit">Submit Form</button>
</form>

Formtruck Special Form Field Attributes

name="_gotcha"Honeypot

Keep this field hidden via CSS. If a spam bot fills it out, Formtruck silently traps the submission into your spam folder.

name="_next"Redirect

Specify a custom thank-you page URL (e.g. https://yoursite.com/thank-you) for native HTML POST submissions.

name="_subject"Email Subject

Customize the email notification subject line (e.g. New VIP Client Inquiry).