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

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="full_name">Full Name *</label>
<input type="text" id="full_name" name="full_name" placeholder="Marcus Vance" required />
</div>
<div class="form-group">
<label for="work_email">Work Email *</label>
<input type="email" id="work_email" name="work_email" placeholder="marcus@enterprise.com" required />
</div>
<div class="form-group">
<label for="company_name">Company Name *</label>
<input type="text" id="company_name" name="company_name" placeholder="Acme Corp" required />
</div>
<div class="form-group">
<label for="estimated_monthly_budget">Estimated Monthly Budget *</label>
<select id="estimated_monthly_budget" name="estimated_monthly_budget" required>
<option value="">Select budget</option>
<option value="< $1,000/mo">< $1,000/mo</option>
<option value="$1,000 - $5,000/mo">$1,000 - $5,000/mo</option>
<option value="$5,000 - $20,000/mo">$5,000 - $20,000/mo</option>
<option value="$20,000+/mo">$20,000+/mo</option>
</select>
</div>
<div class="form-group">
<label for="project_goals___requirements">Project Goals & Requirements *</label>
<textarea id="project_goals___requirements" name="project_goals___requirements" placeholder="Tell us about your project..." 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>