Quelles sont les attributs d'action et de méthode de & lt; formulaire & gt; étiqueter?

Quels sont les attributs d'action et de méthode de la balise

?

La balise <form></form> dans HTML est utilisée pour créer un formulaire HTML pour l'entrée utilisateur. Deux attributs critiques de cette balise sont les attributs action et method .

• Attribut d'action: l'attribut action spécifie où envoyer les données du formulaire lorsque le formulaire est soumis. Il prend une URL comme valeur. Cette URL peut être sur le même serveur que le document HTML ou sur un autre serveur. Si l'attribut action n'est pas spécifié, les données de formulaire seront envoyées à l'URL du document HTML contenant le formulaire.
• Attribut de méthode: l'attribut method définit la méthode HTTP à utiliser lors de l'envoi des données de formulaire. Il peut avoir l'une des deux valeurs: GET ou POST . La méthode GET contribue aux données de formulaire à l'URL spécifiée dans l'attribut action , séparée par A ? . La méthode POST envoie les données de formulaire dans le cadre du corps de demande HTTP, qui n'est pas visible dans l'URL. Le choix entre GET et POST dépend de la nature des données et du traitement prévu de ces données.

Comment l'attribut d'action détermine-t-il où les données de formulaire sont envoyées?

L'attribut action de la balise <form></form> joue un rôle crucial dans la réalisation des données de formulaire vers la bonne destination pour le traitement. Lorsqu'un formulaire est soumis, le navigateur construit une demande HTTP et l'envoie à l'URL spécifiée dans l'attribut action . Cette URL peut être une URL absolue (par exemple, https://example.com/process-form ) ou une URL relative (par exemple, /process-form ).

Voici comment fonctionne le processus:

1. Soumission de formulaire: Lorsqu'un utilisateur clique sur le bouton Soumettre, le navigateur initie le processus de soumission de formulaire.
2. Construction de la demande HTTP: Le navigateur construit une demande HTTP en utilisant la méthode spécifiée par l'attribut method . Les données de formulaire sont codées en fonction de la méthode ( GET ou POST ).
3. Envoi de données au serveur: la demande HTTP, y compris les données de formulaire, est envoyée à l'URL spécifiée dans l'attribut action .
4. Traitement du serveur: le serveur de l'URL spécifié reçoit la demande et traite les données du formulaire en fonction de la logique de l'application côté serveur.

En spécifiant l'URL action correcte, les développeurs s'assurent que les données de formulaire atteignent le point de terminaison prévu pour le traitement, qu'il s'agisse d'une page sur le même serveur ou un service externe.

Quelles sont les différences entre les méthodes GET et POST dans les soumissions de forme?

Les méthodes GET et POST sont les principaux moyens de soumettre des données de formulaire dans HTML, chacune avec des caractéristiques et des cas d'utilisation distincts.

• Obtenir la méthode:

  • Encodage de données: les données sont annexées à l'URL en tant que paramètres de requête, séparées par ? . Par exemple, si les données de formulaire incluent name=John&age=30 , l'URL peut ressembler à https://example.com/process-form?name=John&age=30 .
  • Visibilité: les données sont visibles dans l'URL, ce qui peut être une préoccupation de sécurité si les données sensibles sont transmises.
  • Bookmarking et mise en cache: Étant donné que les données font partie de l'URL, les demandes de GET peuvent être marquées et mises en cache par les navigateurs.
  • Limite de données: il y a une limite sur la quantité de données qui peuvent être envoyées, généralement environ 2048 caractères, en raison de restrictions de longueur d'URL.
  • Idempotence: les demandes d'obtention sont idempotentes, ce qui signifie que plusieurs demandes identiques devraient avoir le même effet qu'une seule demande.

• Méthode de publication:

  • Encodage de données: les données sont envoyées dans le cadre du corps de demande HTTP, qui n'est pas visible dans l'URL.
  • Visibilité: les données ne sont pas visibles dans l'URL, ce qui la rend plus sécurisée pour transmettre des données sensibles.
  • Bookmarking et mise en cache: les demandes de poste ne sont généralement pas en signet ou en cache par les navigateurs.
  • Limite de données: il n'y a pas de limite sur la quantité de données qui peuvent être envoyées, ce qui les rend adaptées aux grandes soumissions de données.
  • Idempotence: les demandes de publication ne sont pas idempotentes, ce qui signifie que plusieurs demandes identiques peuvent avoir des effets différents.

Le choix entre GET et POST dépend du but du formulaire. GET est adapté pour récupérer les données et pour les formulaires où les données n'ont pas besoin d'être cachées, tandis que POST est préféré pour les formulaires qui envoient des données sensibles, effectuer des actions qui modifient l'état du serveur ou envoient de grandes quantités de données.

Quels autres attributs peuvent être utilisés avec la balise

pour améliorer sa fonctionnalité?

Plusieurs autres attributs peuvent être utilisés avec la balise <form></form> pour améliorer sa fonctionnalité et son expérience utilisateur. Voici quelques-uns des attributs clés:

• Nom: Spécifie un nom pour le formulaire, qui peut être utile pour que JavaScript fait référence au formulaire. Exemple: <form name="myForm"></form> .
• ID: attribue un identifiant unique au formulaire, qui peut être utilisé dans CSS et JavaScript. Exemple: <form id="contactForm"></form> .

• ENCTYPE: Spécifie comment les données de formulaire doivent être codées lorsqu'elles sont soumises. Les valeurs communes incluent:

  • application/x-www-form-urlencoded (par défaut): codage standard.
  • multipart/form-data : requis lorsque le formulaire comprend des téléchargements de fichiers.
  • text/plain : rarement utilisé, pour les soumissions de texte brut.

• Cible: spécifie où afficher la réponse reçue après avoir soumis le formulaire. Les valeurs communes incluent:

  • _self (par défaut): s'ouvre dans la même fenêtre / onglet.
  • _blank : Ouvre dans une nouvelle fenêtre / onglet.
  • _parent : s'ouvre dans le cadre parent.
  • _top : s'ouvre dans le corps complet de la fenêtre.
• Assomple automatique: contrôle si le formulaire doit avoir une saisie semi-automatique activée. Les valeurs sont on (par défaut) ou off . Exemple: <form autocomplete="off"></form> .
• Novalidate: Spécifie que le formulaire ne doit pas être validé lorsqu'il est soumis. Exemple: <form novalidate></form> .
• Accept-Charset: Spécifie les codages de caractères qui doivent être utilisés pour la soumission de formulaire. Exemple: <form accept-charset="UTF-8"></form> .

Ces attributs permettent aux développeurs de personnaliser le comportement des formulaires, d'améliorer la sécurité, d'améliorer la convivialité et d'intégrer les formulaires dans des applications Web plus complexes.

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!