HTML Form Snippets

Ready-to-use HTML code examples you can copy and paste. Each snippet contains a complete form that submits data via Form.taxi - no server-side code required.

How It Works

1. Copy a snippet into your HTML page
2. Replace the action URL with your Form.taxi endpoint URL
3. Adjust fields and styling to match your project

You'll find your endpoint URL in the Form.taxi dashboard after creating a form endpoint ("Sendeverbindung"). It follows this pattern:

https://form.taxi/s/FORM_CODE

Contact Form

The classic contact form with name, email, and message.

<form action="https://form.taxi/s/FORM_CODE" method="POST">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/thank-you">

  <div>
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required>
  </div>

  <div>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required>
  </div>

  <div>
    <label for="message">Message</label>
    <textarea id="message" name="message" rows="5" required></textarea>
  </div>

  <button type="submit">Send Message</button>
</form>

Newsletter Signup

Minimal form for email opt-ins, waitlists, or lead magnets.

<form action="https://form.taxi/s/FORM_CODE" method="POST">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/subscribed">

  <div>
    <label for="email">Email Address</label>
    <input type="email" id="email" name="email" placeholder="you@example.com" required>
  </div>

  <button type="submit">Subscribe</button>
</form>

Feedback Form

Star rating (1–5) with an optional comment.

<form action="https://form.taxi/s/FORM_CODE" method="POST">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/thank-you">

  <fieldset>
    <legend>How would you rate your experience?</legend>
    <label><input type="radio" name="rating" value="1" required> 1 – Poor</label>
    <label><input type="radio" name="rating" value="2"> 2 – Fair</label>
    <label><input type="radio" name="rating" value="3"> 3 – Good</label>
    <label><input type="radio" name="rating" value="4"> 4 – Very Good</label>
    <label><input type="radio" name="rating" value="5"> 5 – Excellent</label>
  </fieldset>

  <div>
    <label for="comment">Comments (optional)</label>
    <textarea id="comment" name="comment" rows="4"></textarea>
  </div>

  <div>
    <label for="email">Email (optional, if you'd like a reply)</label>
    <input type="email" id="email" name="email">
  </div>

  <button type="submit">Submit Feedback</button>
</form>

Booking / Order Form

Form with date picker, dropdown, quantity, and notes – suitable for reservations, appointments, or orders.

<form action="https://form.taxi/s/FORM_CODE" method="POST">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/booking-confirmed">

  <div>
    <label for="name">Full Name</label>
    <input type="text" id="name" name="name" required>
  </div>

  <div>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required>
  </div>

  <div>
    <label for="phone">Phone</label>
    <input type="tel" id="phone" name="phone">
  </div>

  <div>
    <label for="date">Preferred Date</label>
    <input type="date" id="date" name="date" required>
  </div>

  <div>
    <label for="time">Preferred Time</label>
    <select id="time" name="time" required>
      <option value="">– Please select –</option>
      <option value="morning">Morning (9:00–12:00)</option>
      <option value="afternoon">Afternoon (12:00–17:00)</option>
      <option value="evening">Evening (17:00–21:00)</option>
    </select>
  </div>

  <div>
    <label for="guests">Number of Guests</label>
    <input type="number" id="guests" name="guests" min="1" max="50" value="1" required>
  </div>

  <div>
    <label for="notes">Special Requests</label>
    <textarea id="notes" name="notes" rows="3"></textarea>
  </div>

  <button type="submit">Submit Booking</button>
</form>

File Upload Form

Form with file attachment support. Important: The enctype="multipart/form-data" attribute is required for file uploads.

<form action="https://form.taxi/s/FORM_CODE" method="POST" enctype="multipart/form-data">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/thank-you">

  <div>
    <label for="name">Name</label>
    <input type="text" id="name" name="name" required>
  </div>

  <div>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required>
  </div>

  <div>
    <label for="subject">Subject</label>
    <input type="text" id="subject" name="subject" required>
  </div>

  <div>
    <label for="message">Message</label>
    <textarea id="message" name="message" rows="4" required></textarea>
  </div>

  <div>
    <label for="attachment">Attachment</label>
    <input type="file" id="attachment" name="attachment" accept=".pdf,.doc,.docx,.jpg,.png">
  </div>

  <button type="submit">Send with Attachment</button>
</form>

RSVP Form

Event response form with guest count and dietary preferences.

<form action="https://form.taxi/s/FORM_CODE" method="POST">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/rsvp-confirmed">

  <div>
    <label for="name">Your Name</label>
    <input type="text" id="name" name="name" required>
  </div>

  <div>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required>
  </div>

  <fieldset>
    <legend>Will you attend?</legend>
    <label><input type="radio" name="attendance" value="yes" required> Yes, I'll be there</label>
    <label><input type="radio" name="attendance" value="no"> Sorry, I can't make it</label>
  </fieldset>

  <div>
    <label for="guests">Number of Guests (including yourself)</label>
    <input type="number" id="guests" name="guests" min="1" max="10" value="1">
  </div>

  <div>
    <label for="dietary">Dietary Requirements</label>
    <select id="dietary" name="dietary">
      <option value="none">No special requirements</option>
      <option value="vegetarian">Vegetarian</option>
      <option value="vegan">Vegan</option>
      <option value="gluten-free">Gluten-free</option>
      <option value="other">Other (please specify below)</option>
    </select>
  </div>

  <div>
    <label for="notes">Notes</label>
    <textarea id="notes" name="notes" rows="3" placeholder="Allergies, song requests, anything else…"></textarea>
  </div>

  <button type="submit">Send RSVP</button>
</form>

Support / Ticket Form

Categorized form for support requests, bug reports, or customer service.

<form action="https://form.taxi/s/FORM_CODE" method="POST">
  <input type="text" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off">
  <input type="hidden" name="_redirect" value="https://yoursite.com/ticket-received">

  <div>
    <label for="name">Your Name</label>
    <input type="text" id="name" name="name" required>
  </div>

  <div>
    <label for="email">Email</label>
    <input type="email" id="email" name="email" required>
  </div>

  <div>
    <label for="category">Category</label>
    <select id="category" name="category" required>
      <option value="">– Please select –</option>
      <option value="bug">Bug Report</option>
      <option value="feature">Feature Request</option>
      <option value="billing">Billing / Account</option>
      <option value="general">General Question</option>
    </select>
  </div>

  <div>
    <label for="priority">Priority</label>
    <select id="priority" name="priority" required>
      <option value="low">Low</option>
      <option value="medium" selected>Medium</option>
      <option value="high">High</option>
      <option value="urgent">Urgent</option>
    </select>
  </div>

  <div>
    <label for="subject">Subject</label>
    <input type="text" id="subject" name="subject" required>
  </div>

  <div>
    <label for="description">Description</label>
    <textarea id="description" name="description" rows="6" required
      placeholder="Please describe your issue in detail…"></textarea>
  </div>

  <button type="submit">Submit Ticket</button>
</form>

Notes on the Snippets

_honeypot – A hidden field for spam protection. Bots fill in this field, real users don't. The field must be present in the form but remain invisible.

_redirect – Specifies the URL the user is redirected to after submission. Adjust it to your thank-you page, or remove the field to use Form.taxi's default confirmation page.

enctype="multipart/form-data" – This attribute is only needed for forms with file uploads. Without it, file attachments won't be transmitted.

Styling – The snippets intentionally contain no CSS. Apply your own styles using your stylesheet, Tailwind, Bootstrap, or any other framework.

All Snippets on GitHub

All snippets are also available as individual HTML files for download and reuse on GitHub:

github.com/formtaxi/html-form-snippets