Form guides — working code, free backend.
Tutorial guides for building HTML forms — semantic markup, native validation, AJAX submission, jQuery/React/Bootstrap validation, captcha alternatives. Every guide ships copy-paste working code with the splitforms backend pre-wired (free for 1,000 submissions/month).
The foundations — semantic markup, native validation, the action attribute.
HTML Form — How to Build and Submit Forms in HTML
Semantic HTML, native validation attributes, accessibility-first labels, and the modern way to handle the submission — P…
HTML Form Examples — Copy-Paste Working Code for 2026
Eight working HTML form examples — contact, registration, multi-step, file upload, donation, NPS survey, feedback widget…
Free HTML Form Templates — Copy-Paste Ready (2026)
Production-ready HTML form templates with the backend wired in. No download — copy from the page, paste into your site, …
Simple HTML Form — The Smallest Working Contact Form
Ten lines of HTML. No CSS. No JavaScript. No framework. Real working contact form with submissions going to your inbox. …
HTML Form Action — What It Does and How to Use It
The `action` attribute on a `<form>` tells the browser where to send the form data when the user submits. Complete refer…
HTML Form Code — Production-Ready Snippets for 2026
Six HTML form code snippets you can actually ship — minimal contact, registration, file upload, multi-step, AJAX, and da…
HTML Form Design — Modern Patterns for 2026
Modern HTML form design is mostly subtraction — single-column vertical layout, generous spacing, visible labels above in…
HTML Form Layout — Single Column, Multi-Column, and Multi-Step
Three form layout patterns covering 95% of cases — single-column (the default), responsive multi-column via CSS Grid aut…
HTML Forms for Practice — Exercises with Working Solutions
Six HTML form exercises with working solutions — contact form, registration with validation, file upload, multi-step wiz…
Contact, registration, job application, donation — the common form shapes.
Registration Form in HTML — Working Code for 2026
A registration form with name, email, password, and confirm-password fields — semantic HTML, native validation, accessib…
Contact Form HTML — Copy-Paste Working Code
Drop-in HTML contact form with the backend already wired up. Name, email, message, honeypot — the four fields every cont…
Job Application Form in HTML (with File Upload for Resume)
A working HTML job application form with file upload for resume + cover letter, plus standard fields (name, email, role,…
Signup Form in HTML — Working Code with Validation
Email, password, password-confirm, terms checkbox. Native validation handles required + format; 5 lines of JS handle the…
Application Form in HTML — Working Code Template
A general-purpose HTML application form — personal info, experience/qualifications, references, optional file upload. Ad…
Enquiry Form in HTML — Working Code for Service Businesses
An HTML enquiry (or inquiry) form for service businesses — service interested in, budget range, project timeline, contac…
Donation Form in HTML — Working Code for Nonprofits
An HTML donation form with preset amounts ($25/$50/$100), custom amount, one-time vs recurring toggle, and donor info. C…
Feedback Form in HTML — Working Code for Product Teams
An HTML feedback form for product teams — 1-5 rating, category (bug / feature request / praise / other), free-text, opti…
Order Form in HTML — Working Code Template
An HTML order form — product list with quantities, shipping address, payment method (intent captured here, processed in …
Warranty Form in HTML — Working Code Template
A warranty registration form — product model, serial number, purchase date, receipt upload, customer info. POSTs to spli…
RMA Form in HTML — Return Merchandise Authorization Template
An HTML RMA (return merchandise authorization) form — order number, product, reason for return, condition, photo of the …
Shipping Form in HTML — Working Code Template
An HTML shipping form — recipient name, address (with proper autocomplete), shipping method, delivery instructions. Brow…
Radio buttons, buttons, dropdowns, textareas, file inputs.
HTML Radio Button — Working Code and Common Patterns
A radio button is `<input type="radio">`. Multiple radios with the same `name` attribute form a group; only one can be s…
HTML Button — Types, Attributes, and Common Patterns
An HTML button is `<button>` (preferred) or `<input type="button">` (legacy). The `type` attribute determines what it do…
HTML Dropdown — Select Element Reference and Patterns
An HTML dropdown is `<select>` containing `<option>` elements. Native dropdowns are the default — they're accessible, mo…
HTML Textarea — Multi-Line Text Input Reference
An HTML textarea is `<textarea>` — a multi-line text input. Unlike `<input>`, it has no `type` attribute (it's its own e…
HTML File Input — Upload Field Reference and Patterns
An HTML file input is `<input type="file">`. The `accept` attribute filters the file picker; `multiple` allows multi-fil…
HTML Checkbox — Reference and Common Patterns
An HTML checkbox is `<input type="checkbox">`. Use for single yes/no questions (terms of service) and for multi-select g…
HTML Input Types — Complete Reference (2026)
HTML supports 22+ input types. Use the right type for each field — mobile keyboards adapt, native validation fires, acce…
jQuery, React Hook Form + Zod, Bootstrap 5, server-side.
jQuery Form Validation — Working Code for 2026
Working jQuery form validation using the jquery-validate plugin — required fields, email format, password confirmation, …
React Form Validation — Working Code (React Hook Form + Zod)
Modern React form validation uses React Hook Form for state management and Zod for typed schemas. Working code with inli…
Bootstrap Form Validation — Native HTML + Bootstrap 5
Bootstrap 5 ships form validation as a thin layer on top of native HTML — no jQuery, no plugin, no JavaScript validation…
Tailwind CSS Form Validation — Working Code
Tailwind ships `invalid:`, `valid:`, `focus:`, and `placeholder-shown:` variants that map directly to native HTML valida…
Server-Side Form Validation — Why It's Non-Optional
Client-side validation is for UX; server-side validation is for security. Why you need both, what to check server-side, …
Submit forms via fetch (vanilla) or $.ajax (jQuery) without a page reload.
Submit Form with AJAX — Working Code for 2026
Submit a form via AJAX (no page reload) using vanilla JS fetch — and the equivalent jQuery $.ajax for legacy codebases. …
Submit Form with JavaScript — Vanilla JS Reference
Submit a form with vanilla JavaScript — fetch + FormData + four-state status UI. No framework, no library, no jQuery. ~1…
jQuery Submit Form — Legacy Codebase Reference
Submit a form with jQuery `$.ajax` — for legacy codebases that already require jQuery. Same mechanics as vanilla JS fetc…
reCAPTCHA vs hCaptcha, honeypots, AI spam classifiers.
reCAPTCHA vs hCaptcha — Which to Use in 2026
Both reCAPTCHA and hCaptcha solve the same problem: blocking bot submissions. reCAPTCHA is free with Google data harvest…
reCAPTCHA v3 Setup — Working Code and Score Thresholds
reCAPTCHA v3 runs invisibly and returns a score from 0.0 (bot) to 1.0 (human). Set up the script, attach a token to ever…
Invisible reCAPTCHA — How It Works and When to Use It
'Invisible reCAPTCHA' usually refers to two things: reCAPTCHA v2's invisible variant (badge in the corner, fires only on…
Stop Form Spam Bots — Honeypot + AI Classifier Strategy
Two layers stop most form spam without CAPTCHA: a honeypot field (catches 40-60%) and a backend AI classifier (catches t…