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