1001Ferramentas
📋Utilitários

Gerador de Formulário HTML

Monta um <form> com inputs a partir de uma lista (nome:tipo) e atributos action/method configuráveis.



  

Esqueleto de formulário HTML com action e method

Todo projeto começa com o mesmo bloco de formulário: a tag form, o action, o method, um label para cada campo e o botão de enviar. São quinze linhas que você reescreve de memória e nas quais sempre falta um name ou sobra uma tag aberta. Este gerador cospe esse esqueleto já fechado, para você colar no editor e seguir com o que interessa.

Você define o action, o method e uma entrada no formato nome:tipo. Cada entrada vira um label envolvendo o input correspondente, e a palavra textarea tem tratamento especial: em vez de input, sai uma tag textarea de verdade. No fim entra um botão de envio com o texto Enviar. Se o campo method ficar vazio, o resultado assume post, que é o método certo para qualquer formulário que grava algo.

Um aviso importante: o campo da lista é de uma linha só, então não dá para digitar quebras de linha nele, e o valor de exemplo vem com os separadores em forma de texto, tudo grudado. Na prática, gere um campo por vez e empilhe os labels no seu editor. Depois acrescente required, id e autocomplete à mão. O HTML gerado não valida nem recebe nada: quem recebe é o endereço que você colocar no action.

Perguntas frequentes

Como faço um formulário com vários campos?
O campo da lista aceita uma linha só, então gere um campo de cada vez e junte os labels no editor. Limpe o valor de exemplo antes, porque ele vem com os separadores em texto e produz um type esquisito.
Quais tipos posso usar?
O que você escrever depois dos dois pontos vai direto para o atributo type, então text, email, tel, number, date e password funcionam. A palavra textarea é o único caso tratado à parte.
O formulário já envia os dados?
Não. Ele é só HTML. Você precisa de uma rota no seu servidor, ou de um serviço de formulários, atendendo no endereço que estiver no action.

Ferramentas Relacionadas