1001Ferramentas
📋Utilities

HTML Form Builder

Builds a <form> with inputs from a list of name:type entries and configurable action/method.



  

HTML form skeleton with action and method

Every project starts with the same block: a form tag, an action, a method, one label per field and a submit button. Fifteen lines you rewrite from memory, and there is always a missing name attribute or an unclosed tag hiding somewhere in there. This generator prints that skeleton already closed, so you can paste it into the editor and get on with the real work.

You set the action, the method and one entry in name:type form. Each entry becomes a label wrapping its input, and the word textarea is special-cased into a real textarea element instead of an input. A submit button labelled Enviar, Portuguese for send, is appended at the end. Leave the method field empty and the output falls back to post, the right verb for anything that writes data.

One caveat worth knowing: the list field is a single-line input, so line breaks cannot be typed into it, and the sample value arrives with its separators as plain text, all run together. In practice you generate one field at a time and stack the labels in your editor. Then add required, id and autocomplete by hand. The generated HTML validates nothing and receives nothing; the URL in action does.

Frequently asked questions

How do I build a form with several fields?
The list field only holds one line, so generate one field at a time and stack the labels in your editor. Clear the sample value first, since its separators arrive as literal text and produce an odd type attribute.
Which input types can I use?
Whatever you write after the colon goes straight into the type attribute, so text, email, tel, number, date and password all work. The word textarea is the single special case.
Does the form submit anything by itself?
No, it is plain HTML. You need a route on your server, or a form service, listening at whatever URL you put in action.

Related Tools