HTML Form Generator

How to use

1. 1Set the action URL, method (POST, GET, or dialog), and enctype at the top. Pick multipart/form-data if you plan to upload files.
2. 2Add fields with the Add dropdown. Pick from text, email, password, number, date, file, checkbox, radio, select, textarea, and the rest of the HTML input family.
3. 3For each field set the label, name attribute, input id, placeholder, default value, autocomplete token, and validation attributes (min, max, step, pattern, minlength, maxlength).
4. 4For radio and select fields add as many options as you need. For file inputs set the accept list and toggle multiple.
5. 5Choose Plain HTML for semantic markup, Inline styles for emails and CMS bodies, or Tailwind for projects that already use Tailwind utilities.
6. 6Read the Heads up panel for warnings about missing names, missing labels, duplicate names, or a missing multipart enctype, then click Copy code to grab the form.

About this tool

HTML Form Generator builds a complete, standards-compliant <form> from an editable field list and copies it to your clipboard as plain HTML, inline-styled HTML for emails and CMS bodies, or Tailwind utility classes for app projects. Twenty input kinds are supported out of the box: text, email, password, tel, url, search, number, range, date, time, datetime-local, month, week, color, file, hidden, checkbox, radio group, select dropdown (single or multiple), and textarea. Every field gets a real label tied to the input by id, optional placeholder, default value, autocomplete token (the WHATWG list including name, email, current-password, new-password, one-time-code, street-address, postal-code, country, cc-number, cc-exp, bday, and the rest), help text, and the right validation attributes for that kind (min, max, step for numeric and date types; minlength, maxlength, pattern for text-like types; accept and multiple for file inputs; options for radio and select). Form-level controls cover the attributes that actually matter: action URL, method (POST, GET, dialog), enctype (urlencoded, multipart for file uploads, text/plain), target (_self, _blank, _parent, _top), an optional fieldset legend, autocomplete on or off at the form level, novalidate to skip browser validation, indent or compact output, and customizable submit and reset button labels. A built-in validator catches the silent mistakes that break forms in production: a file input without multipart enctype (uploads will fail), two fields sharing the same name, a missing name attribute (servers will not see the value), a missing label (screen readers will skip it), a select or radio group with no options, and an empty action attribute. A live preview renders the form as your visitors would see it, with submission intercepted so nothing is sent anywhere. The generator runs entirely in your browser. Nothing you type, no field labels, no autocomplete picks, no action URL, ever leaves your device. Useful for contact forms, signup and login forms, survey forms, email capture, lead magnets, settings panels, admin dashboards, multi-step wizards, marketing pages, prototypes, learning HTML, and any place you would rather not write a <form> from scratch.

Free to use. Works in your browser. No signup, no login.