Crie um formulário HTML que faça POST
Crie um formulário cuja ação aponte para uma rota.
Crie um formulário HTML que faça POST é uma aula grátis de Flask Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Flask Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Flask Academy inclui 4 aulas no total.
Por que os Formulários Importam
Um formulário HTML é a maneira como o navegador coleta dados digitados e os entrega ao servidor. Ele é a porta de entrada para quase toda ação do usuário. 📝
O Elemento form
Tudo começa com uma tag form. O navegador reúne todos os campos dentro dela e os envia juntos quando o usuário a envia.
<form>
<!-- fields go here -->
</form>Indique o Destino com action
O atributo action nomeia a URL que recebe os dados. Deixe-o vazio para enviar os dados de volta à mesma página onde o formulário está.
<form action="/signup">Escolha o método
Defina method como post para que os valores viajem no corpo da solicitação, e não na URL. Assim, os dados do formulário ficam organizados e fora do histórico do navegador.
<form action="/signup" method="post">Dê um Nome a Cada Campo
Cada campo de entrada precisa de um atributo name. Esse nome se torna a chave que o Flask usa para encontrar o valor no servidor.
<input type="text" name="username">Adicione um Botão de Envio
Um botão de envio dispara o envio. Clicá-lo informa ao navegador que deve reunir os campos nomeados e enviar a solicitação à URL de ação.
<button type="submit">Sign up</button>Combine os Métodos da Rota
A rota que recebe os dados deve permitir POST. Liste-o em methods, ou o Flask responderá com 405 e os dados do formulário nunca chegarão.
@app.route("/signup", methods=["GET", "POST"])
def signup():
...Leia os Valores de request.form
No servidor, os campos enviados ficam em request.form, um objeto semelhante a um dicionário, indexado pelo nome de cada campo definido no HTML.
username = request.form["username"]Sirva o Formulário com GET
Quando a solicitação é um GET, basta renderizar a página que mostra o formulário vazio para que os usuários tenham algo a preencher.
if request.method == "GET":
return render_template("signup.html")Trate o Ramo POST
Quando o método é POST, leia os campos e aja sobre eles. Uma única visualização pode mostrar o formulário e processar o envio.
if request.method == "POST":
name = request.form["username"]Um Formulário Pequeno Completo
Junte tudo: um formulário que envia dados para /signup e uma visualização que cumprimenta o usuário. Esse é o ciclo completo em poucas linhas.
@app.route("/signup", methods=["GET", "POST"])
def signup():
if request.method == "POST":
return "Hi " + request.form["username"]
return render_template("signup.html")Verificação Rápida
Vamos confirmar o que faz um formulário realmente enviar dados.
Recapitulação: Envio de Formulários
Você criou um formulário com uma ação e um método post, nomeou os campos, permitiu POST na rota e leu os valores de request.form. 🎉
Perguntas Frequentes
A aula “Crie um formulário HTML que faça POST” é grátis?
Sim — o texto completo de “Crie um formulário HTML que faça POST” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Flask Academy, atualize para CoddyKit PRO. O curso de Flask Academy inclui 4 aulas no total.
O que vou aprender em “Crie um formulário HTML que faça POST”?
Crie um formulário cuja ação aponte para uma rota. Você pratica Flask Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Flask Academy?
Nenhuma experiência prévia é necessária. Flask Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Crie um formulário HTML que faça POST”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Flask Academy?
Sim. Cada aula de Flask Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Crie um formulário HTML que faça POST
- Leia e defina valores padrão para parâmetros de consulta
- Valide manualmente os campos obrigatórios
- Redirecione após o POST (padrão PRG)