HTML Form Snippets & Contact Form Templates

21 free HTML form snippets and contact form code examples you can copy and paste into any website. Every snippet includes spam protection and connects to your FormWit form backend. Available as plain HTML, Tailwind CSS, React, and Vue. Need a step-by-step walkthrough? See our HTML contact form guide.

How to use these templates

Create a free FormWit account and set up a form endpoint
Pick a template and copy the HTML code
Replace YOUR_FORM_ID with your actual form ID
Paste the HTML into your website

Basic Contact Form

A minimal HTML contact form with name, email, and message fields. Works on any website with no CSS framework required.

Styled Contact Form (CSS)

A clean, styled contact form using vanilla CSS. Responsive layout with proper spacing, focus states, and a polished look.

Tailwind CSS Contact Form

A contact form styled with Tailwind CSS utility classes. Drop this into any Tailwind project for a polished look.

Multi-Field Contact Form

A contact form with phone number, subject dropdown, and message fields. Ideal for business websites that need structured inquiries.

Contact Form with File Upload

A contact form that accepts file attachments. Supports images, PDFs, and documents up to 10MB.

AJAX Contact Form (No Page Reload)

Submit the form via JavaScript without a page reload. Shows a success message inline.

Newsletter Signup Form

A simple newsletter signup form with email, name, and consent checkbox. Collect subscribers without a mailing list service.

Feedback Form

Collect user feedback with a rating, category, and message. Great for product feedback, customer satisfaction, or feature requests.

Booking Request Form

Accept appointment or booking requests with date, time, and service selection. Perfect for consultants, salons, and service businesses.

Bug Report Form

Let users report bugs with severity level, URL, reproduction steps, and optional screenshot. Ideal for software products.

Job Application Form

Accept job applications with resume upload, cover letter, and position selection. Simple hiring page for small teams.

Event RSVP Form

Collect event RSVPs with guest count, dietary preferences, and special requests. Ideal for weddings, meetups, and corporate events.

Support Ticket Form

A customer support form with priority level, category, and description. Route tickets to the right team automatically.

Quote Request Form

Collect project details for a price quote. Includes service type, budget range, timeline, and project description.

Survey Form

A multi-question survey with radio buttons, checkboxes, and rating scales. Collect structured feedback from users.

Waitlist Signup Form

A minimal waitlist form for pre-launch products. Captures email and optional name with a clean, focused design.

React Contact Form

A React component for contact forms using useState and fetch. Handles submission, loading, and success/error states.

Vue 3 Contact Form

A Vue 3 contact form component using the Composition API. Handles submission, loading, and success/error states with ref().

Form with Custom Redirect

A contact form that redirects to a custom thank-you page after submission. Uses the _redirect hidden field.

Form with Hidden Fields (UTM Tracking)

A contact form with hidden fields that capture UTM parameters, referrer, and page URL for lead attribution.

Accessible Contact Form (ARIA)

A fully accessible contact form with ARIA attributes, proper label association, error states, and keyboard navigation.

Frequently asked questions

Do I need a backend server to use these templates?

No. These templates use FormWit as a form backend service. You only need HTML. No server-side code, no PHP, no Node.js. The form submits to a FormWit endpoint that handles processing, spam protection, and email notifications.

Are these form templates free to use?

Yes. All templates are free to copy and use on any website. FormWit's free plan includes unlimited forms and 100 submissions per month at no cost. Templates that include file uploads require the Starter plan.

Can I customize the styling of these forms?

Yes. These are plain HTML forms, so you have full control over the CSS, layout, and design. Add your own classes, change colors, adjust spacing, or integrate with any CSS framework.

What platforms do these templates work with?

Any platform that supports HTML forms. This includes static site generators (Astro, Hugo, Jekyll, Gatsby, Eleventy), frameworks (Next.js, Nuxt, SvelteKit), no-code tools (Carrd, Webflow, Framer), and plain HTML websites hosted anywhere.

How does spam protection work in these forms?

Each template includes a hidden honeypot field (_gotcha) that catches automated bots. Real users never see or fill this field, but bots do, and FormWit rejects those submissions. FormWit also applies server-side rate limiting to prevent abuse. Learn more in our spam protection guide.

Get your form working in 30 seconds

No credit card required
Unlimited forms
100 submissions/month free

Get Started Free