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

5 Fields
Consent checkbox preview

Field Inspector

form-export.html
123456789101112131415161718192021222324252627282930313233343536373839404142
<!-- Formtruck Generated HTML5 Form -->
<form
action="https://formtruck.com/s/your-form-id"
method="POST"
class="formtruck-form"
>
<div class="form-group">
<label for="customer_email">Customer Email *</label>
<input type="email" id="customer_email" name="customer_email" placeholder="customer@company.com" required />
</div>
<div class="form-group">
<label for="overall_satisfaction">Overall Satisfaction *</label>
<input type="number" id="overall_satisfaction" name="overall_satisfaction" placeholder="" required />
</div>
<div class="form-group">
<label for="primary_feature_used">Primary Feature Used *</label>
<select id="primary_feature_used" name="primary_feature_used" required>
<option value="">Select feature</option>
<option value="Spam Filter">Spam Filter</option>
<option value="Webhooks">Webhooks</option>
<option value="Email Notifications">Email Notifications</option>
<option value="File Uploads">File Uploads</option>
</select>
</div>
<div class="form-group">
<label for="what_can_we_improve_">What can we improve?</label>
<textarea id="what_can_we_improve_" name="what_can_we_improve_" placeholder="Your honest feedback..." rows="4"></textarea>
</div>
<div class="form-checkbox">
<input type="checkbox" id="i_agree_to_be_contacted_for_beta_feature_testing" name="i_agree_to_be_contacted_for_beta_feature_testing" />
<label for="i_agree_to_be_contacted_for_beta_feature_testing">I agree to be contacted for beta feature testing</label>
</div>
<!-- Anti-spam Honeypot -->
<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
<button type="submit">Submit Form</button>
</form>