Visual Form Builder & Code Generator

Add Form Elements

Click any element to add it directly to your live form.

Form Theme & Styling

Live Form Preview

4 Fields

Field Inspector

form-export.html
12345678910111213141516171819202122232425262728293031323334353637
<!-- Formtruck Generated HTML5 Form -->
<form
action="https://formtruck.com/s/your-form-id"
method="POST"
class="formtruck-form"
>
<div class="form-group">
<label for="full_name">Full Name *</label>
<input type="text" id="full_name" name="full_name" placeholder="Jane Doe" required />
</div>
<div class="form-group">
<label for="email_address">Email Address *</label>
<input type="email" id="email_address" name="email_address" placeholder="jane@example.com" required />
</div>
<div class="form-group">
<label for="inquiry_topic">Inquiry Topic *</label>
<select id="inquiry_topic" name="inquiry_topic" required>
<option value="">Select topic</option>
<option value="General Question">General Question</option>
<option value="Sales & Pricing">Sales & Pricing</option>
<option value="Technical Support">Technical Support</option>
<option value="Partnership">Partnership</option>
</select>
</div>
<div class="form-group">
<label for="your_message">Your Message *</label>
<textarea id="your_message" name="your_message" placeholder="Write your message here..." rows="4" required></textarea>
</div>
<!-- Anti-spam Honeypot -->
<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
<button type="submit">Submit Form</button>
</form>