Construire un formulaire HTML qui envoie des données
Créez un formulaire dont l’action cible une route.
Construire un formulaire HTML qui envoie des données est une leçon Flask Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Flask Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Flask Academy comprend 4 leçons au total.
Pourquoi les formulaires sont importants
Un formulaire HTML permet au navigateur de recueillir les données saisies et de les transmettre à votre serveur. C’est la porte d’entrée de presque toute action utilisateur. 📝
L’élément form
Tout commence par une balise form. Le navigateur regroupe tous les champs qu’elle contient et les envoie ensemble lorsque l’utilisateur valide le formulaire.
<form>
<!-- fields go here -->
</form>Indiquez-le avec action
L’attribut action désigne l’URL qui reçoit les données. Laissez-le vide pour envoyer les données à la même page que celle qui contient le formulaire.
<form action="/signup">Choisissez la méthode
Définissez method sur post afin que les valeurs circulent dans le corps de la requête plutôt que dans l’URL. Les données du formulaire restent ainsi propres et absentes de l’historique du navigateur.
<form action="/signup" method="post">Nommez chaque champ
Chaque champ de saisie a besoin d’un attribut name. Ce nom devient la clé que Flask utilise pour trouver la valeur côté serveur.
<input type="text" name="username">Ajoutez un bouton d’envoi
Un bouton submit déclenche l’envoi. En cliquant dessus, vous demandez au navigateur de rassembler les champs nommés et d’envoyer la requête à l’URL indiquée par action.
<button type="submit">Sign up</button>Faites correspondre les méthodes de la route
La route qui reçoit les données doit autoriser POST. Indiquez-le dans methods, sinon Flask répond avec une erreur 405 et les données de votre formulaire n’arrivent jamais.
@app.route("/signup", methods=["GET", "POST"])
def signup():
...Lisez les valeurs avec request.form
Sur le serveur, les champs envoyés se trouvent dans request.form, un objet semblable à un dictionnaire dont les clés sont les noms de champs définis dans le HTML.
username = request.form["username"]Servez le formulaire avec GET
Lorsque la requête est un GET, il suffit de rendre la page qui affiche le formulaire vide afin que les utilisateurs puissent le remplir.
if request.method == "GET":
return render_template("signup.html")Gérez la branche POST
Lorsque la méthode est POST, lisez les champs et traitez-les. Une seule vue peut afficher le formulaire et traiter son envoi.
if request.method == "POST":
name = request.form["username"]Un petit formulaire complet
Assemblez le tout : un formulaire qui envoie ses données vers /signup et une vue qui salue l’utilisateur. C’est l’aller-retour complet en quelques lignes.
@app.route("/signup", methods=["GET", "POST"])
def signup():
if request.method == "POST":
return "Hi " + request.form["username"]
return render_template("signup.html")Vérification rapide
Vérifions ce qui permet réellement à un formulaire d’envoyer ses données.
Récapitulatif : envoyer des formulaires
Vous avez créé un formulaire avec une action et une méthode post, nommé ses champs, autorisé POST sur la route et lu les valeurs depuis request.form. 🎉
Apprends Python avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 30
- Leçons
- 120
Questions Fréquemment Posées
La leçon « Construire un formulaire HTML qui envoie des données » est-elle gratuite ?
Oui — le texte complet de « Construire un formulaire HTML qui envoie des données » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Flask Academy, passe à CoddyKit PRO. Le cours Flask Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Construire un formulaire HTML qui envoie des données » ?
Créez un formulaire dont l’action cible une route. Tu pratiques Flask Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Flask Academy ?
Aucune expérience préalable n'est requise. Flask Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Construire un formulaire HTML qui envoie des données » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Flask Academy ?
Oui. Chaque leçon Flask Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Construire un formulaire HTML qui envoie des données
- Lire les paramètres de requête et leur attribuer une valeur par défaut
- Valider manuellement les champs obligatoires
- Rediriger après POST (modèle PRG)