Gerador de formulário HTML

Escolha de 1 a 10 campos, o tipo e o rótulo de cada um, o método e o botão, e copie o código do formulário.

Roda no seu navegador

Entrada

Número de campos

Os rótulos e tipos dos campos além desse número são ignorados.

Tipo do campo 1

Rótulo do campo 1

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 2

Rótulo do campo 2

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 3

Rótulo do campo 3

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 4

Rótulo do campo 4

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 5

Rótulo do campo 5

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 6

Rótulo do campo 6

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 7

Rótulo do campo 7

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 8

Rótulo do campo 8

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 9

Rótulo do campo 9

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Tipo do campo 10

Rótulo do campo 10

0 de 80 caracteres

Texto do rótulo; também gera o id e o name do campo.

Campos obrigatórios (required)

Método

Destino do envio (action, opcional)

0 de 2.048 caracteres

Endereço completo, com http ou https. Em branco, o formulário não leva action.

Texto do botão

0 de 60 caracteres

Ctrl ↵para executar

Resultado

O resultado aparece aqui.

Como o formulário é montado

De 1 a 10 campos; cada um com tipo (texto, e-mail, senha, número, telefone, URL, área de texto ou caixa de seleção) e rótulo.
Cada campo vira um div com label for e o input ou textarea. O id e o name vêm do rótulo: minúsculas, sem acento, só letras, números e hífen; repetidos ganham -2, -3.
O rótulo e o texto do botão saem escapados para HTML.

Resultado de referência

Dois campos obrigatórios, método post e botão Enviar; cada item é uma linha do código, sem os sinais de menor e maior:

form method="post"
label for="nome" Nome
input type="text" id="nome" name="nome" required
label for="e-mail" E-mail
input type="email" id="e-mail" name="e-mail" required
button type="submit" Enviar

O que não está incluído

O atributo required é validação do navegador e pode ser contornada: valide de novo no servidor.
Sem JavaScript, sem proteção contra spam ou CSRF e sem destino de envio pronto: o action é opcional e só aceita endereço completo.
Sem autocomplete, pattern, min ou max: o valor certo depende do que cada campo significa.

Perguntas frequentes

Como criar formulário html?

Escolha quantos campos, o tipo e o rótulo de cada um, o método e o texto do botão, e copie o código gerado para a página.

Qual é um exemplo de formulário html?

Com nome e e-mail obrigatórios, o código tem as linhas: form method="post" | label for="nome" Nome | input type="text" id="nome" name="nome" required | label for="e-mail" E-mail | input type="email" id="e-mail" name="e-mail" required | button type="submit" Enviar. Cada campo fica dentro de um div.