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

Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
(:Julien:) (discussion | contributions)
Aucun résumé des modifications
Ligne 15 : Ligne 15 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"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">
<form action="go.php" method="post">
Ligne 27 : Ligne 23 :
</form>
</form>


</body>
</html>
</source>


'''Le fichier go.php : '''
'''Le fichier go.php : '''
<source lang="php">
<source lang="php">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.org/xhtml/html-transitional.dtd"><?php
<html>
<head>
<title>Formulaire en PHP</title>
</head>
<body>


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


</body>
<body>
</html>
<html>
</source>
<source>


=== Captures d'écran ===
=== Captures d'écran ===

Version du 27 janvier 2010 à 15:01

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 dernier que nous allons étudier ici.

Le formulaire comporte 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. Le formulaire est composé de 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 doit récupérer les valeurs contenues dans le formulaire : pour récupérer la valeur du champ nom, il faut écrire $_POST['nom']. De la même manière, pour récupérer la valeur du champ prénom, il faut é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 : <source lang="php"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<form action="go.php" method="post">

Votre nom : <input type="text" name="nom" />

Votre prénom : <input type="text" name="prenom" />

<input type="submit" value="envoyer le formulaire" />

</form>


Le fichier go.php : <source lang="php"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Transitional//EN"

       "http://www.org/xhtml/html-transitional.dtd"><?php

$nom = $_POST['nom']; $prenom = $_POST['prenom'];

echo "

Bienvenue à ",$prenom," ",$nom,"

";

?>

<o href="index.html">Retour au formulaire</o></d> <body> <html> <source>

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