Construya un formulario HTML que envíe datos
Cree un formulario cuya acción apunte a una ruta.
Construya un formulario HTML que envíe datos es una lección gratuita de Flask Academy en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Flask Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Flask Academy incluye 4 lecciones en total.
Por qué importan los formularios
Un form de HTML es la forma en que el navegador recopila los datos que escribe el usuario y se los entrega al servidor. Es la puerta de entrada de casi todas las acciones del usuario. 📝
El elemento form
Todo comienza con una etiqueta form. El navegador agrupa los campos que contiene y los envía juntos cuando el usuario lo envía.
<form>
<!-- fields go here -->
</form>Indíquelo con action
El atributo action indica la URL que recibe los datos. Déjelo vacío para enviar los datos a la misma página en la que se encuentra el formulario.
<form action="/signup">Elija el método
Establezca method en post para que los valores viajen en el cuerpo de la solicitud y no en la URL. Así los datos del formulario no aparecen en el historial del navegador.
<form action="/signup" method="post">Asigne un nombre a cada campo
Cada entrada necesita un atributo name. Ese nombre se convierte en la clave que Flask usa para encontrar el valor en el servidor.
<input type="text" name="username">Añada un botón de envío
Un botón de submit inicia el envío. Al hacer clic, el navegador recopila los campos con nombre y envía la solicitud a la URL indicada en action.
<button type="submit">Sign up</button>Haga coincidir los métodos de la ruta
La ruta receptora debe permitir POST. Inclúyalo en methods o Flask responderá con un 405 y los datos del formulario nunca llegarán.
@app.route("/signup", methods=["GET", "POST"])
def signup():
...Lea los valores desde request.form
En el servidor, los campos enviados se encuentran en request.form, un objeto similar a un diccionario cuyas claves son los nombres de entrada que definió en el HTML.
username = request.form["username"]Sirva el formulario con GET
Cuando la solicitud es GET, solo tiene que renderizar la página que muestra el formulario vacío para que los usuarios puedan rellenarlo.
if request.method == "GET":
return render_template("signup.html")Gestione la rama POST
Cuando el método es POST, lea los campos y actúe en consecuencia. Una sola vista puede mostrar el formulario y processar el envío.
if request.method == "POST":
name = request.form["username"]Un formulario pequeño completo
Reúna todas las piezas: un formulario que envía datos a /signup y una vista que saluda al usuario. Ese es el round trip completo en pocas líneas.
@app.route("/signup", methods=["GET", "POST"])
def signup():
if request.method == "POST":
return "Hi " + request.form["username"]
return render_template("signup.html")Comprobación rápida
Confirmemos qué hace que un formulario se envíe realmente.
Resumen: envío de formularios
Ha creado un form con una acción y el método post, ha asignado nombres a los campos, ha permitido POST en la ruta y ha leído los valores desde request.form. 🎉
Aprende Python con un tutor de IA — gratis
Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.
- Cursos
- 30
- Lecciones
- 120
Preguntas frecuentes
¿La lección «Construya un formulario HTML que envíe datos» es gratis?
Sí — el texto completo de «Construya un formulario HTML que envíe datos» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Flask Academy, actualiza a CoddyKit PRO. El curso de Flask Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Construya un formulario HTML que envíe datos»?
Cree un formulario cuya acción apunte a una ruta. Practicas Flask Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Flask Academy?
No se requiere experiencia previa. Flask Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.
¿Cuánto tiempo toma la lección «Construya un formulario HTML que envíe datos»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Flask Academy?
Sí. Cada lección de Flask Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Construya un formulario HTML que envíe datos
- Lea y establezca valores predeterminados para parámetros de consulta
- Valide manualmente los campos obligatorios
- Redirija después de POST (patrón PRG)