Comment soumettre un formulaire HTML à un script côté serveur-tutoriel HTML-php.cn

Table des matières

2. Nommez correctement vos champs d'entrée

3. Gérez les données sur le serveur

Exemple dans PHP ( submit-form.php ):

Exemple dans Node.js (Using Express):

4. Ajouter la sécurité et la validation

Bonus: Soumettre via JavaScript (facultatif)

Maison

interface Web

tutoriel HTML

Comment soumettre un formulaire HTML à un script côté serveur

Thomas Edward Brown

Aug 01, 2025 am 05:36 AM

Formulaire HTML soumettre

Pour soumettre les formulaires HTML correctement et en toute sécurité, les propriétés d'action et de méthode correctes doivent être définies, les données doivent être soumises à l'aide de la méthode Post et validées et traitées du côté du serveur. 1. Spécifiez Action = "/ Soumide-Form.php" et Method = "Post" dans la balise

pour s'assurer que les données sont envoyées au script de serveur spécifié; 2. Définissez l'attribut de nom pour chaque champ de saisie, tel que name = "name" afin que la valeur soit obtenue par le nom de la clé du côté du serveur; 3. Recevoir et traiter les données du côté serveur (telles que php ou node.js), utilisez $ _post ['name'] en php, et le corps d'analyse du middleware doit être configuré dans node.js; 4. Vérifiez et filtrez toujours les entrées du serveur pour empêcher l'injection XSS et SQL, activez la protection CSRF et accordez la priorité à l'utilisation des méthodes de post. De plus, la soumission AJAX peut être implémentée via JavaScript pour éviter de rafraîchir la page et de fournir des commentaires dynamiques. Le processus complet comprend la configuration du formulaire frontal, la transmission des données, le traitement du serveur et la protection de la sécurité pour assurer l'intégrité des données et la sécurité du système.

Comment soumettre un formulaire HTML à un script côté serveur

Soumettre un formulaire HTML à un script côté serveur est une partie fondamentale du développement Web. Il vous permet de collecter la saisie des utilisateurs et de le traiter sur le serveur (par exemple, enregistrer dans une base de données, envoyer un e-mail, valider les données, etc.). Voici comment le faire correctement et en toute sécurité.

1. Configurez le formulaire HTML avec `action` et `method`

Le cœur de la soumission de formulaire réside dans les attributs action et method de l'élément <form></form> .

action : Spécifie l'URL du script côté serveur qui gérera les données de formulaire.
method : GET généralement ou POST . Pour l'envoi de données (en particulier les données sensibles ou grandes), utilisez POST .

 <form action = "/ soumi-forme.php" méthode = "post">
  <étiquette pour = "name"> name: </bablow>
  <input type = "text" id = "name" name = "name" requis>

  <étiquette pour = "Email"> Email: </bablowe>
  <entrée type = "e-mail" id = "e-mail" name = "e-mail" requis>

  <Button Type = "Soumider"> Soumettre </ftones>
</ form>

Dans cet exemple:

Le formulaire envoie des données à submit-form.php sur le même domaine.
Utilise la méthode POST , donc les données sont envoyées dans le corps de la demande (non visible dans l'URL).

2. Nommez correctement vos champs d'entrée

L'attribut name de chaque entrée est cruel - il définit la clé utilisée pour accéder à la valeur sur le serveur.

Par exemple:

 <input type = "text" name = "username">

Sur le serveur (par exemple, en php), vous y accédez comme:

 $ username = $ _post [&#39;username&#39;];

Sans attribut name , l'entrée ne sera pas envoyée.

3. Gérez les données sur le serveur

Votre script côté serveur (par exemple, PHP, Python, Node.js, etc.) reçoit et traite les données.

Exemple dans PHP ( `submit-form.php` ):

 <? Php
if ($ _server [&#39;request_method&#39;] === &#39;post&#39;) {
    $ name = htmlSpecialChars ($ _ post [&#39;name&#39;]);
    $ email = htmlSpecialChars ($ _ poster [&#39;e-mail&#39;]);

    // Traiter les données (par exemple, enregistrer sur DB, envoyer des e-mails, etc.)
    Echo "Bonjour, $ Name! Nous vous contacterons à $ e-mail.";
}
?>

Exemple dans Node.js (Using Express):

 app.post (&#39;/ soumi-forme&#39;, (req, res) => {
    const {nom, email} = req.body;
    console.log (`reçu: $ {name}, $ {email}`);
    res.send (`merci, $ {name}!`);
});

Assurez-vous que votre serveur est configuré pour analyser les données du formulaire (par exemple, en utilisant body-parser dans Express ou intégré PHP $_POST ).

4. Ajouter la sécurité et la validation

Ne faites jamais confiance à l'entrée côté client. Valider et désinfecter toujours sur le serveur.

Valider : Vérifiez que les champs requis sont remplis, les e-mails sont valides, etc.
Désinfecter : Échappez ou filtrez les entrées pour empêcher l'injection XSS ou SQL.
Utilisez la protection CSRF pour les actions sensibles.
Préférez POST à GET pour les modifications de données.

Bonus: Soumettre via JavaScript (facultatif)

Vous pouvez également soumettre des formulaires à l'aide de JavaScript (par exemple, pour AJAX), mais la configuration de formulaire de base reste la même.

 document.getElementById (&#39;MyForm&#39;). AddEventListener (&#39;Soumider&#39;, fonction (e) {
    E.PreventDefault ();
    const formData = new formData (this);

    fetch (&#39;/ soumi-forme.php&#39;, {
        Méthode: «Post»,
        corps: formdata
    })
    .Then (Response => Response.Text ())
    .Then (data => console.log (data));
});

Cela évite un rechargement complet et permet une rétroaction dynamique.

Fondamentalement, définissez simplement les bons attributs action , method et name - puis gérez les données en toute sécurité sur le serveur. C'est simple mais facile de se tromper si vous sautez la validation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Afficher plus

Article chaud

Porce de variable PHP expliquée

1 Il y a quelques mois By 百草

Commentant le code en php

4 Il y a quelques semaines By 百草

<🎜>: Grow A Garden - Guide complet des marchands itinérants

4 Il y a quelques semaines By Jack chen

Conseils pour écrire des commentaires PHP

4 Il y a quelques semaines By 百草

Destiny 2: The Edge of Fate - Comment fonctionnent les modificateurs de difficulté

4 Il y a quelques semaines By DDD

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Tutoriel Laravel

1605

Tutoriel PHP

1510

276

Afficher plus

Related knowledge

Comment obtenir les données d'un formulaire HTML sous forme de texte et les envoyer à html2pdf ? Sep 06, 2023 pm 12:21 PM

html2pdf est un package JavaScript qui permet aux développeurs de convertir du HTML en canevas, pdf, images, etc. Il prend le HTML comme paramètre et l'ajoute au pdf ou au document souhaité. De plus, il permet aux utilisateurs de télécharger le document après avoir ajouté du contenu HTML. Ici, nous allons accéder au formulaire et l'ajouter au pdf à l'aide du package html2pdfnpm. Nous verrons différents exemples pour ajouter des données de formulaire au pdf. Syntaxe L'utilisateur peut suivre la syntaxe suivante pour transmettre les données du formulaire HTML sous forme de texte et les envoyer à html2pdf. varelement=document.getElementById('form');html2

Traitement des transactions MySQL : la différence entre la soumission automatique et la soumission manuelle Mar 16, 2024 am 11:33 AM

Traitement des transactions MySQL : la différence entre la soumission automatique et la soumission manuelle Dans la base de données MySQL, une transaction est un ensemble d'instructions SQL soit toutes les exécutions réussissent, soit toutes les exécutions échouent, garantissant la cohérence et l'intégrité des données. Dans MySQL, les transactions peuvent être divisées en soumission automatique et soumission manuelle. La différence réside dans le moment de la soumission de la transaction et dans l'étendue du contrôle sur la transaction. Ce qui suit présentera en détail la différence entre la soumission automatique et la soumission manuelle, et donnera des exemples de code spécifiques à illustrer. 1. Soumettre automatiquement dans MySQL, s'il n'est pas affiché

Comment autoriser plusieurs téléchargements de fichiers sous forme HTML Aug 28, 2023 pm 08:25 PM

Dans cet article, nous apprendrons comment autoriser le téléchargement de plusieurs fichiers dans les formulaires HTML. Nous utilisons plusieurs attributs pour autoriser le téléchargement de plusieurs fichiers dans les formulaires HTML. Plusieurs propriétés sont disponibles pour les types d'entrée de courrier électronique et de fichier. Si vous souhaitez autoriser un utilisateur à télécharger le fichier sur votre site Web, vous devez utiliser une boîte de téléchargement de fichier, également appelée fichier, boîte de sélection. Ceci est créé à l'aide du <dans

Tutoriel de téléchargement de fichiers PHP : Comment télécharger des fichiers à l'aide de formulaires HTML Jun 11, 2023 am 08:10 AM

Tutoriel de téléchargement de fichiers PHP : Comment utiliser les formulaires HTML pour télécharger des fichiers Dans le processus de développement de sites Web, la fonction de téléchargement de fichiers est une exigence très courante. En tant que langage de script serveur populaire, PHP peut très bien implémenter la fonction de téléchargement de fichiers. Cet article présentera en détail comment utiliser les formulaires HTML pour finaliser le téléchargement de fichiers. 1. Formulaire HTML Tout d'abord, nous devons utiliser un formulaire HTML pour créer une page de téléchargement de fichiers. Dans le formulaire HTML, l'attribut enctype doit être défini sur "multipart/form-

Comment traiter les formulaires HTML en utilisant Java ? Aug 10, 2023 pm 02:05 PM

Comment traiter les formulaires HTML en utilisant Java ? Le formulaire HTML est l'un des éléments interactifs couramment utilisés dans les pages Web, grâce auquel les utilisateurs peuvent saisir et soumettre des données. Java, en tant que langage de programmation puissant, peut être utilisé pour traiter et valider les données des formulaires HTML. Cet article explique comment utiliser Java pour traiter les formulaires HTML, avec des exemples de code. Les étapes de base du traitement des données de formulaire HTML en Java sont les suivantes : surveiller et recevoir les requêtes POST des formulaires HTML, analyser les paramètres de la requête en fonction des besoins ;

Conseils pour implémenter la validation et la soumission de formulaires avec PHP et UniApp Jul 06, 2023 am 10:57 AM

Conseils pour implémenter la validation et la soumission de formulaires avec PHP et UniApp Introduction : Lors du développement de pages Web ou d'applications mobiles, la validation et la soumission de formulaires sont des fonctions essentielles. La validation du formulaire est utilisée pour vérifier si les données saisies par l'utilisateur sont conformes à des règles spécifiques, et la soumission enregistre ou envoie les données saisies par l'utilisateur au serveur. Cet article présentera les techniques d'utilisation de PHP et UniApp pour implémenter la validation et la soumission de formulaires afin d'aider les développeurs à implémenter rapidement les fonctions d'interaction front-end et back-end. 1. PHP implémente la validation de formulaire Ce qui suit est un exemple de code de validation de formulaire PHP pour.

Comment soumettre un appel d'interdiction sur Momo Feb 23, 2024 pm 08:22 PM

Comment soumettre un appel d'interdiction sur Momo ? Vous pouvez soumettre un appel d'interdiction si Momo n'est pas utilisé de manière standardisée, mais la plupart des amis ne savent pas comment soumettre un appel d'interdiction sur Momo. Ensuite, voici une image de la façon de soumettre. un appel d'interdiction lancé par l'éditeur pour les utilisateurs Tutoriel texte, les utilisateurs intéressés viennent y jeter un oeil ! Comment soumettre un appel d'interdiction sur Momo 1. Ouvrez d'abord l'application Momo et cliquez sur la zone [Plus] dans le coin inférieur droit de la page principale. 2. Ensuite, dans la zone de fonctions supplémentaires, cliquez sur les fonctions de service [Paramètres] en haut. coin droit ; 3. Cliquez ensuite sur le dernier Accédez à la page des paramètres et recherchez [Appel de pénalité] pour soumettre un appel d'interdiction.

Premiers pas avec Java Git : Explorer le contrôle de version à partir de zéro Feb 23, 2024 am 10:25 AM

Introduction à git Git est un système de contrôle de version distribué, ce qui signifie que chaque développeur dispose d'une copie complète de la base de code sur son ordinateur. Ceci est différent d'un système de contrôle de version centralisé (tel que Subversion ou Perforce), qui ne dispose que d'un référentiel de code central. L'avantage du contrôle de version distribué est qu'il rend la collaboration plus efficace, car les développeurs peuvent travailler hors ligne et se synchroniser ultérieurement avec la base de code centrale. Installer Git Pour utiliser Git, vous devez d'abord l'installer sur votre ordinateur. Vous pouvez télécharger le programme d'installation de votre système d'exploitation sur le site officiel de Git. Une fois l'installation terminée, vous pouvez saisir git --version dans la ligne de commande pour vérifier si l'installation a réussi. Dépôt des concepts de base de Git : Git

See all articles

Comment soumettre un formulaire HTML à un script côté serveur

1. Configurez le formulaire HTML avec action et method

2. Nommez correctement vos champs d'entrée

3. Gérez les données sur le serveur

Exemple dans PHP ( submit-form.php ):

Exemple dans Node.js (Using Express):

4. Ajouter la sécurité et la validation

Bonus: Soumettre via JavaScript (facultatif)

Outils d'IA chauds

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

Article chaud

Outils chauds

Bloc-notes++7.3.1

SublimeText3 version chinoise

Envoyer Studio 13.0.1

Dreamweaver CS6

SublimeText3 version Mac

Sujets chauds

1. Configurez le formulaire HTML avec `action` et `method`

Exemple dans PHP ( `submit-form.php` ):