Vous êtes sur la page 1sur 4

Année Universitaire : 2019/2020 Année Universitaire : 2019/2020

Session : 1 ING Informatique Session : 1 ING Informatique


Matière : Web2 Matière : Web2

TP3 a) Récupération des informations saisies :


Les tableaux associatifs $_GET et $_POST contiennent toutes les variables
L'élément HTML <form> représente une section d'un document qui
envoyées par un formulaire. L’index représente ici l’attribut « name » de
contient des contrôles interactifs permettant à un utilisateur d'envoyer des
chaque champ.
données à un serveur web. Cet élément prend en charge deux attributs
essentiels : Lorsqu’on soumet un formulaire avec PHP via la méthode POST, celui-ci
 action : L'URI du programme qui traitera les informations soumises crée des variables $_POST["X"] avec 'X' correspondant aux noms des
par le formulaire. différents champs. Ceci est valable pour tout formulaire
 method: Cet attribut définit la méthode HTTP qui sera utilisée pour
envoyer les données au serveur. C'est un attribut énuméré qui peut Exemple1 :
prendre les valeurs suivantes :
Le code HTML du formulaire : (form.html)
GET : <html>

La méthode GET consiste à transmettre les données via l'URL. Il est <body>
intéressant de l'utiliser dans le cas où on veut faire transiter des données de <form action="affiche.php" method="post">
pages en pages. Cependant, il faut avoir conscience que les données seront <label> Name:</label> <input type="text" name="nom"><br>
transmises par http et donc visibles dans la barre d'adresse.
<label>E-mail:</label> <input type="text" name="email"><br>
Cet aspect mérite une attention particulière parce que de la sécurité des <input type="submit" value="Afficher" />
données est menacée. Dans le cas où les données sont confidentielles, </form>
mieux vaut chercher à ne pas utiliser cette méthode. Si toutefois on ne peut </body>
s'en passer, il faut essayer de cacher les valeurs transmises en utilisant les
cryptages par exemple. </html>

POST Le code PHP de la page (affiche.php)


Une autre méthode pour l'envoi des formulaires est la méthode POST. Il est <?php
obligatoire de l'utiliser dans certains cas comme l'envoi de fichiers, envoi de echo "Bienvenue ". $_POST["nom"]. "<br>";
données lourdes, envoi de données confidentielles. La méthode POST est
echo "Votre adresse email est: ".$_POST["email"];
également recommandée si le formulaire déclenche une action spécifique
qui doit être renouvelée à chaque fois. Avec la méthode POST, il est ?>
possible de revenir en arrière et de re-soumettre le formulaire.
Année Universitaire : 2019/2020 Année Universitaire : 2019/2020
Session : 1 ING Informatique Session : 1 ING Informatique
Matière : Web2 Matière : Web2
<br/>
Test des champs vides: <input type="submit" name="submit" value="Valider" />
<?php <br/>
if (empty($_POST['nom'])) </form>
{exit("ERREUR : le champ nom doit être rempli.");}
if(empty($_POST['prenom'])) Le code PHP de la page (verif.php)
{exit("ERREUR : le champ prenom doit être rempli.");} <?php

if( !empty($_POST['prenom']) && !empty($_POST['nom']) ) $genre = $_POST['genre'];

{ echo "tous les champs sont remplis"; if ($genre=="M") echo "<p> Bonjour Monsieur </p>";

echo $_POST['nom']; else echo "<p> Bonjour Madame </p>";

echo $_POST['email']; } echo "<hr />";

?>
echo "<p> Vos acteurs préférés :</p>";
Exemple2 :
echo "<ul>";
Le code HTML du formulaire : (form.html) if (isset($_POST['richard_gere']))
<form action="verif.php" method="post">
{echo '<li>Richard Gere</li>';}
<label>Genre</label>
if (isset($_POST['bruce_willis']))
<input type="radio" name="genre" value="M" /> Homme
{echo '<li>Bruce Willis</li>';}
<input type="radio" name="genre" value="F" /> Femme
if (isset($_POST['harrisson_ford']))
<br/>
{echo '<li>Harrisson Ford</li>';}
<label>Les acteurs que vous appréciez :</label>
if (isset($_POST['jean_reno']))
<input type="checkbox" name="richard_gere" /> Richard Gere
{echo '<li>Jean Reno</li>';}
<input type="checkbox" name="bruce_willis" /> Bruce Willis
echo '</ul>';
<input type="checkbox" name="harrisson_ford"/> Harrisson
Ford
if (isset($_POST['inscrire']))
<input type="checkbox" name="jean_reno" /> Jean Reno
{ echo "<p>Votre adresse email a été ajoutée à la liste
<br/>
!</p>"; }
<label> M'inscrire à la newsletter ?</label>
?>
<input type="checkbox"name="inscrire" />
Année Universitaire : 2019/2020 Année Universitaire : 2019/2020
Session : 1 ING Informatique Session : 1 ING Informatique
Matière : Web2 Matière : Web2

Exercice 1 : Exercice 2 :
Soit le formulaire suivant : Soit le formulaire de connexion suivant :
- Administrateur (Login=admin/ Mot de passe=admin)
- Invité(Login=user/ Mot de passe=user)

Le champ opinion a le code suivant:


<select name="opinion">
<option value="is great">I like your site</option>
<option value="is OK">Your Site is OK</option>
<option value="is horrible">Your Site is horrible</option>
</select>

Après remplissage, son contenu sera envoyé avec la méthode GET à une page
PHP. Le résultat est le suivant :

Questions : Ecrire le code php permettant de vérifier si le login et le mot de


passe sont corrects. Ajouter les contrôles nécessaires sur les champs de saisi.
Année Universitaire : 2019/2020 Année Universitaire : 2019/2020
Session : 1 ING Informatique Session : 1 ING Informatique
Matière : Web2 Matière : Web2

Exercice 3 :
Le but de cette question est de gérer l'accès aux composants d'un formulaire.
Lorsque l'utilisateur clique sur le bouton Phrase, une phrase résumant les
données saisies est affichée dans la zone de texte multi-lignes. La phrase est
différente si la personne est sans emploi:

Vous aimerez peut-être aussi