Formulaires HTML

Transcription

Formulaires HTML
Formulaires Arnaud Sallaberry arnaud.sallaberry@univ-­‐montp3.fr 23/02/2015 Programma;on pour le Web 1 Plan Licence 3 AES MISASHS Semestre 2 •  Formulaires HTML •  Récupéra;on des variables en PHP 23/02/2015 Programma;on pour le Web 2 Formulaires HTML Licence 3 AES MISASHS Semestre 2 •  Permet à l’u;lisateur de saisir des données •  <form method=… action=…>…</form>
•  Method : –  GET (informa;ons visibles dans l’URL) –  POST (informa;ons non visibles) •  Ac;on : une URL (par exemple une page php) •  Con;ent des éléments d’interface: –  INPUT
–  TEXTAREA
–  SELECT
23/02/2015 Programma;on pour le Web 3 Formulaires HTML Licence 3 AES MISASHS Semestre 2 <form method="get" action="toto.php">
…
</form>
•  Une page PHP (e.g. toto.php) peut récupérer les valeurs saisies dans les champs 23/02/2015 Programma;on pour le Web 4 Formulaires HTML La balise <input> Licence 3 AES MISASHS Semestre 2 •  Prenom <INPUT type="text" name="prenom" value="">
•  Homme :
<INPUT type="radio" name="genre" value="M"><br>
Femme :
<INPUT type="radio" name="genre" value="F">
•  <INPUT type="submit" value="Envoyer">
23/02/2015 Programma;on pour le Web 5 Formulaires HTML La balise <select> Licence 3 AES MISASHS Semestre 2 Fonction
<SELECT name="fonction">
<OPTION VALUE="enseignant">Enseignant</OPTION>
<OPTION VALUE="etudiant">Etudiant</OPTION>
<OPTION VALUE="ingenieur">Ingénieur</OPTION>
<OPTION VALUE="retraite">Retraité</OPTION>
<OPTION VALUE="autre">Autre</OPTION>
</SELECT>
23/02/2015 Programma;on pour le Web 6 Formulaires HTML La balise <textarea> Licence 3 AES MISASHS Semestre 2 Commentaires
<TEXTAREA rows="3" name="commentaires">
Tapez ici vos commentaires
</TEXTAREA> 23/02/2015 Programma;on pour le Web 7 Formulaires HTML Exemple Licence 3 AES MISASHS Semestre 2 <form action="toto.php" method="get">
<p>
Nom :
<input type="text" name="n" value=""/>
</p>
<p>
Prénom :
<input type="text" name="p" value=""/>
</p>
<p>
Adresse :
<input type="text" name="adr" value=""/>
</p>
<p>
Mot de passe :
<input type="password" name="mdp" value=""/>
</p>
<p>
<input type="submit" value="Envoyer">
</p>
</form>
23/02/2015 Programma;on pour le Web 8 Formulaires HTML Exemple Licence 3 AES MISASHS Semestre 2 <form action="toto.php" method="get">
<p>
Nom :
<input type="text" name="n" value=""/>
</p>
<p>
Prénom :
<input type="text" name="p" value=""/>
</p>
<p>
Adresse :
<input type="text" name="adr" value=""/>
</p>
<p>
Mot de passe :
<input type="password" name="mdp" value=""/>
</p>
<p>
<input type="submit" value="Envoyer">
</p>
</form>
23/02/2015 Programma;on pour le Web 9 Plan Licence 3 AES MISASHS Semestre 2 •  Formulaires HTML •  Récupéra4on des variables en PHP 23/02/2015 Programma;on pour le Web 10 Récupéra;on des variables en PHP Licence 3 AES MISASHS Semestre 2 •  Dans l’exemple précédent, toto.php reçoit des variables n, p, adr et mdp. •  Elles con;ennent les valeurs saisies par l’u;lisateur. •  $_GET['n’] permet d’accéder à n dans le code PHP, si méthode get est u;lisée. •  $_POST['n’] permet d’accéder à n dans le code PHP, si méthode post est u;lisée. 23/02/2015 Programma;on pour le Web 11 Récupéra;on des variables en PHP Licence 3 AES MISASHS Semestre 2 <form action="toto.php" method="get">
<p>
Nom :
<input type="text" name="n" value=""/>
</p>
<p>
Prénom :
<input type="text" name="p" value=""/>
</p>
<p>
Adresse :
<input type="text" name="adr" value=""/>
</p>
<p>
Mot de passe :
<input type="password" name="mdp" value=""/>
</p>
<p>
<input type="submit" value="Envoyer">
</p>
</form>
23/02/2015 Programma;on pour le Web 12 Récupéra;on des variables en PHP Licence 3 AES MISASHS Semestre 2 toto.php : <html>
<head>
<title>Toto</title>
</head>
<body>
<?php
echo $_GET['n'];
echo '<BR>';
echo $_GET['p'];
echo '<BR>';
echo $_GET['adr'];
echo '<BR>';
echo $_GET['mdp'];
?>
</body>
</html>
23/02/2015 Programma;on pour le Web 13 Récupéra;on des variables en PHP Licence 3 AES MISASHS Semestre 2 •  U;lisa;on de structures condi;onnelles pour vérifier si les champs ont été saisis Exemple 1 : if($_GET['n']==""){
echo "Le champ n’a pas été saisi";
}
else{
echo $_GET['n'];
}
23/02/2015 Programma;on pour le Web 14 Récupéra;on des variables en PHP Licence 3 AES MISASHS Semestre 2 •  U;lisa;on de structures condi;onnelles pour vérifier si les champs ont été saisis
Exemple 2 : if($_GET['n']!="" && $_GET['p']!="") {
echo $_GET['n'];
echo '<BR>';
echo $_GET['p'];
}
else{
echo "Au moins un champ n’a pas été saisi";
}
23/02/2015 Programma;on pour le Web 15 Récupéra;on des variables en PHP Licence 3 AES MISASHS Semestre 2 •  U;lisa;on de structures condi;onnelles pour vérifier si les champs ont été saisis
Exemple 3 : if($_GET['n']!="" || $_GET['p']!="") {
echo $_GET['n'];
echo '<BR>';
echo $_GET['p'];
}
else{
echo "Aucun des champs n’a été saisi";
}
23/02/2015 Programma;on pour le Web 16