HTML form templates
Each template is a complete, working form in four versions — plain HTML, HTML with a no-reload fetch() submit, a React component and Tailwind — with labelled fields, a hidden honeypot and a note on why every field is there.
They post to a Formboost form endpoint, so there is no server to run: submissions are stored, screened for spam and sent to your inbox or team chat. Need a different set of fields? Start from any template in the HTML form generator.
Reviewed by Ritu Fadadu · Last reviewed
Contact & enquiries
Contact form template
Name, email, a topic and the message — the contact form most sites need, done properly.
4 fields · HTML, React, Tailwind
Enquiry form template
What they are asking about, how they would like an answer, and the question itself.
8 fields · HTML, React, Tailwind
Support ticket form template
Category, urgency, where it happened and how to reproduce it — the details a first reply usually has to ask for.
7 fields · HTML, React, Tailwind
Service request form template
What needs doing, where, how urgently and how to get in — for repairs, installs and maintenance.
9 fields · HTML, React, Tailwind
Complaint form template
What happened, when, the reference to look it up, and what would put it right.
8 fields · HTML, React, Tailwind
Sales & bookings
Quote request form template
Service, budget range, timeline and the brief — enough to reply with a real number.
7 fields · HTML, React, Tailwind
Order form template
Product, quantity, delivery or collection — an order request you confirm and invoice.
9 fields · HTML, React, Tailwind
Booking form template
Date, time, how many people and the occasion — a reservation request for a table, a room or a venue.
8 fields · HTML, React, Tailwind
Appointment request form template
A preferred date and time, a second choice and the reason for the visit — a request you confirm, not a calendar.
8 fields · HTML, React, Tailwind
Events & registration
Registration form template
Personal details, address, the course or programme, and agreement to the terms.
11 fields · HTML, React, Tailwind
Event registration form template
Attendee details, how they will attend, and the two questions organisers always forget to ask.
7 fields · HTML, React, Tailwind
RSVP form template
Yes or no, how many are coming, meal choice and a note for the hosts.
7 fields · HTML, React, Tailwind
Applications
Job application form template
The role, a link to the résumé, portfolio and LinkedIn, and consent to keep the application on file.
10 fields · HTML, React, Tailwind
Volunteer application form template
When they are free, what they would like to help with, and why they want to volunteer.
9 fields · HTML, React, Tailwind
Feedback & reviews
Feedback form template
A rating, two open questions and the page it came from — short enough that people finish it.
4 fields · HTML, React, Tailwind
Survey form template
Four question types — a 0–10 score, single choice, multiple choice and an open answer — in one page.
5 fields · HTML, React, Tailwind
Testimonial form template
The testimonial, a rating, and clear permission for how you may credit it.
7 fields · HTML, React, Tailwind
Signups
Prefer a step-by-step guide?
These tutorials build a contact form from scratch and explain each step along the way:
What every template has in common
Every field has a real <label>, groups of choices are a <fieldset> with a legend, and optional fields say so in words. Phones get the right keyboard from the input type and fill in names and addresses from autocomplete.
There is no CAPTCHA. A hidden honeypot field catches the simplest bots, and every submission is screened for spam before it reaches you — how the screening works. The forms take text, choices, dates and links. They do not take file uploads — the job application asks for a link to the résumé instead — or payments: the order form is a request you confirm and invoice, and the booking forms are requests you confirm.
The script versions send JSON, because the endpoint accepts JSON or URL-encoded bodies but not the multipart body that new FormData(form) produces when it is passed to fetch() directly. The full contract is in the API reference.
Build your own form
Pick fields, preview it and copy HTML, React or Tailwind — then point it at a free endpoint.