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="attendee_name">Attendee Name *</label>
<input type="text" id="attendee_name" name="attendee_name" placeholder="Sarah Connor" required />
</div>
<div class="form-group">
<label for="email_address">Email Address *</label>
<input type="email" id="email_address" name="email_address" placeholder="sarah@skynet.com" required />
</div>
<div class="form-group">
<label for="company___organization">Company / Organization</label>
<input type="text" id="company___organization" name="company___organization" placeholder="Cyberdyne Systems" />
</div>
<div class="form-group">
<label for="number_of_guests">Number of Guests *</label>
<select id="number_of_guests" name="number_of_guests" required>
<option value="">1 Guest</option>
<option value="1 (Just Me)">1 (Just Me)</option>
<option value="2 Guests">2 Guests</option>
<option value="3 Guests">3 Guests</option>
<option value="4+ Group">4+ Group</option>
</select>
</div>
<div class="form-group">
<label for="dietary_restrictions">Dietary Restrictions</label>
<input type="text" id="dietary_restrictions" name="dietary_restrictions" placeholder="None / Vegetarian / Gluten-free" />
</div>
<!-- Anti-spam Honeypot -->
<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off" />
<button type="submit">Submit Form</button>
</form>