« Programmation PHP/Exemples/Formulaire » : différence entre les versions

Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
Arnaud 25 (discussion | contributions)
Aucun résumé des modifications
+
Ligne 1 : Ligne 1 :
{{NavTitre|book={{BASEPAGENAME}}|prev=Sommaire|prevText=L3: Un sommaire simple|next=BD 1|nextText=L5: Afficher le résultat d'une requête}}
{{Programmation PHP}}
{{Programmation PHP}}
== Interaction avec un formulaire ==
== Interaction avec un formulaire ==

Version du 5 août 2008 à 12:12

Interaction avec un formulaire

Les principaux concepts

  • L'interaction entre une application en php et un utilisateur peut s'effectuer par des liens hypertextes ou par l'envoi d'un formulaire. C'est ce cas que nous allons étudier ici.
  • le formulaire comportera :
    • une balise form qui précise que la méthode utilisée pour envoyer le contenu du formulaire au programme en php est la méthode post. Elle précise également l'action du formulaire, c'est à dire à quelle adresse envoyer le contenu du formulaire pour son traitement. Dans notre exemple, après un clic sur le bouton d'envoi, le formulaire déclenchera l'exécution du programme go.php.
    • 3 éléments graphiques : 2 champs de type texte nommés respectivement nom et prénom et un bouton sur lequel il est écrit envoyer le formulaire.
    • le formulaire invite donc l'utilisateur à entrer un nom et un prénom et à cliquer sur le bouton "envoyer le formulaire".
  • le programme go.php
    • Il doit récupérer les valeurs contenues dans le formulaire : pour récupérer la valeur du champ nom, il suffit d'écrire $_POST['nom']. De la même manière, pour récupérer la valeur du champ prénom, il suffit d'écrire $_POST['prenom'].
    • après un clic sur le bouton "envoyer le formulaire", une autre page s'affiche. Elle contient un message contenant "Bienvenue à" suivi du prénom et du nom définis dans le formulaire rempli. Le programme a bien récupéré la valeur des différents champs du formulaire.

Le programme en php

Le fichier index.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Formulaire en PHP</title>
  </head>
  <body>

<form action="go.php" method="post">
<p>Votre nom : <input type="text" name="nom" /></p>
<p>Votre prénom : <input type="text" name="prenom" /></p>
<p><input type="submit" value="envoyer le formulaire" /></p>
</form>

  </body>
</html>

Le fichier go.php :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Formulaire en PHP</title>
  </head>
  <body>

<?php
$nom = $_POST['nom'];
$prenom = $_POST['prenom'];
echo "<h1>Bienvenue à ",$prenom," ",$nom,"</h1>";
?>
<p><a href="index.html">Retour au formulaire</a></p>

  </body>
</html>

Captures d'écran

Le formulaire initial

Le formulaire est rempli...

Fichier:Formulaire-2.jpg

... ce qui affiche, après un clic sur "envoyer le formulaire"

Fichier:Formulaire-3.jpg