La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Pr. Aissam MESRAR1 Chapitre 3 Les Formulaires en PHP Pr. Aissam MESRAR.

Présentations similaires


Présentation au sujet: "Pr. Aissam MESRAR1 Chapitre 3 Les Formulaires en PHP Pr. Aissam MESRAR."— Transcription de la présentation:

1 Pr. Aissam MESRAR1 Chapitre 3 Les Formulaires en PHP Pr. Aissam MESRAR

2 2 Plan Introduction Introduction Eléments de base du langage PHP Eléments de base du langage PHP Fonctions Fonctions Tableaux Tableaux Formulaires Formulaires PHP et MySQL PHP et MySQL Cookies Cookies Sessions Sessions Expressions régulières Expressions régulières

3 Pr. Aissam MESRAR3 Traitement des Formulaires

4 Pr. Aissam MESRAR4 Formulaire : Rappel Objectifs Objectifs Permettre linteraction avec lutilisateur Permettre linteraction avec lutilisateur Personnaliser les requêtes sur le web Personnaliser les requêtes sur le web Permettre daccéder aux BDs sans savoir manipuler les SGBDs Permettre daccéder aux BDs sans savoir manipuler les SGBDs …

5 Pr. Aissam MESRAR5 Formulaire : Rappel Comment utiliser un formulaire ? Comment utiliser un formulaire ? Réalisation du formulaire (Simple) Réalisation du formulaire (Simple) En HTML En HTML Exploitation du formulaire par un script Exploitation du formulaire par un script CGI CGI PHP PHP JSP JSP ASP ASP … Envoi du formulaire par Envoi du formulaire par

6 Pr. Aissam MESRAR6 Formulaires Un formulaire est inséré dans une page HTML par la balise double Un formulaire est inséré dans une page HTML par la balise double En plus de ses éléments principaux, le formulaire peut contenir du texte En plus de ses éléments principaux, le formulaire peut contenir du texte Toutes les mises en forme peuvent être appliquées aux éléments du formulaire Toutes les mises en forme peuvent être appliquées aux éléments du formulaire Plusieurs formulaires peuvent être insérés dans la même page Plusieurs formulaires peuvent être insérés dans la même page

7 Pr. Aissam MESRAR7 Formulaires Principaux attributs dun formulaire ACTION: URL du script ou prog à exécuter ACTION: URL du script ou prog à exécuter Chemin du script à exécuter sur les données du formulaire Chemin du script à exécuter sur les données du formulaire ACTION= "chemin_script" ACTION= "chemin_script" Adresse mail à laquelle les données du formulaire seront envoyés Adresse mail à laquelle les données du formulaire seront envoyés ACTION="mailto : ACTION="mailto :

8 Pr. Aissam MESRAR8 Formulaires Principaux attributs dun formulaire METHOD: méthode denvoi des données GET ou POST METHOD: méthode denvoi des données GET ou POST GET : données du form envoyées avec lURL du script (limitée) GET : données du form envoyées avec lURL du script (limitée) POST: données du form envoyées séparément de lURL (meilleure) POST: données du form envoyées séparément de lURL (meilleure) NAME: nom du formulaire NAME: nom du formulaire

9 Pr. Aissam MESRAR9 Formulaires Balise Formulaires Balise : crée une zone de saisie : crée une zone de saisie Balise monolithique Balise monolithique Principaux attributs Principaux attributs NAME: nom du champ NAME: nom du champ SIZE: largeur du cadre réservé au champ SIZE: largeur du cadre réservé au champ MAXLENTH: longueur du texte MAXLENTH: longueur du texte TYPE: (text, password, radio, checkbox, submit, reset, file, …) TYPE: (text, password, radio, checkbox, submit, reset, file, …) VALUE: La valeur du champ VALUE: La valeur du champ

10 Pr. Aissam MESRAR10 Formulaires Saisie des champs de texte Zone de saisie du texte Zone de saisie du texte Exemple Exemple Votre nom : Votre nom : Votre prénom : Votre prénom :

11 Pr. Aissam MESRAR11 Formulaires Envoi du formulaire Pour envoyer le formulaire, il suffit de cliquer avec la souris sur un bouton spécial créé par la balise Pour envoyer le formulaire, il suffit de cliquer avec la souris sur un bouton spécial créé par la balise La valeur "submit" de lattribut TYPE caractérise le bouton denvoi La valeur "submit" de lattribut TYPE caractérise le bouton denvoi La valeur "Valider" de lattribut VA LUE définit le texte affiché sur le bouton denvoi La valeur "Valider" de lattribut VA LUE définit le texte affiché sur le bouton denvoiExemple

12 Pr. Aissam MESRAR12 Formulaires Données envoyées Seuls sont envoyés les noms des champs et les valeurs correspondantes Seuls sont envoyés les noms des champs et les valeurs correspondantes Exemple Exemple nom=Ali&prenom=Mohamed+Amine Deux champs successifs sont séparés par le caractère & Deux champs successifs sont séparés par le caractère & Lespace est remplacé par le caractère + dans la valeur dun champs Lespace est remplacé par le caractère + dans la valeur dun champs

13 Pr. Aissam MESRAR13 Formulaires Modification du formulaire Après avoir rempli les données du formulaire, nous pouvons les effacer tous avec un bouton créé par la balise Après avoir rempli les données du formulaire, nous pouvons les effacer tous avec un bouton créé par la balise Avant lenvoi du formulaire Avant lenvoi du formulaire La valeur "reset" de lattribut TYPE caractérise le bouton de modification La valeur "reset" de lattribut TYPE caractérise le bouton de modification La valeur " Effacer" de lattribut VA LUE définit le texte affiché sur le bouton denvoi La valeur " Effacer" de lattribut VA LUE définit le texte affiché sur le bouton denvoi Exemple

14 Pr. Aissam MESRAR14 Formulaires Saisie dun mot de passe Lattribut TYPE avec la valeur "password" permet de masquer un champs lors de la saisie, ses caractères sont remplacés par des points ou des étoiles Exemple

15 Pr. Aissam MESRAR15 Formulaires Boutons radio Notation Notation texte du bouton1 texte du bouton1 texte du bouton2 texte du bouton2 La valeur de lattribut NAME est commune à tous les boutons

16 Pr. Aissam MESRAR16 Formulaires Boutons radio Sélectionner un élément dans une liste Sélectionner un élément dans une liste Cocher avec la souris Cocher avec la souris Une deuxième sélection annule la première Une deuxième sélection annule la première Choix exclusif Choix exclusifExemple Texte envoyé au script : nom=Ali&prenom=Mohamed+Amine&sexe=H

17 Pr. Aissam MESRAR17 Formulaires Boutons radio Lattribut CHECKED permet de cocher par défaut lun des boutons Lattribut CHECKED permet de cocher par défaut lun des boutons texte du bouton1 texte du bouton1 texte du bouton2 texte du bouton2Exemple

18 Pr. Aissam MESRAR18 Formulaires Cases à cocher Notation : Notation : texte case1 texte case1 texte case2 texte case2 texte case3 texte case3

19 Pr. Aissam MESRAR19 Formulaires Cases à cocher Sélectionner un élément dans une liste Sélectionner un élément dans une liste Cocher avec la souris Cocher avec la souris Possibilité de cocher plusieurs éléments Possibilité de cocher plusieurs éléments Un clique sélectionne lélément Un clique sélectionne lélément le 2 ème clique annule la sélection le 2 ème clique annule la sélectionExemple

20 Pr. Aissam MESRAR20 Formulaires Cases à cocher Possibilité de cocher une ou plusieurs cases par défaut avec lattribut CHECKED Possibilité de cocher une ou plusieurs cases par défaut avec lattribut CHECKEDExemple

21 Pr. Aissam MESRAR21 Formulaires Menu déroulant Balise double Balise double Principaux attributs : NAME, SIZE, MULTIPLE Principaux attributs : NAME, SIZE, MULTIPLE Sélectionner un élément dans un menu Sélectionner un élément dans un menu Sélection avec la souris Sélection avec la souris

22 Pr. Aissam MESRAR22 Formulaires Menu déroulants Exemple Ville(s) visités : Rabat Fès Marrakech Agadir Tanger

23 Pr. Aissam MESRAR23 Formulaires Menu déroulant SIZE : indique le nombre de Lignes visibles du menu SIZE : indique le nombre de Lignes visibles du menu Si SIZE < nb déléments du menu alors une barre de défilement apparaît Si SIZE < nb déléments du menu alors une barre de défilement apparaîtExemple

24 Pr. Aissam MESRAR24 Formulaires Menu déroulant Possibilité de sélectionner plusieurs éléments Possibilité de sélectionner plusieurs éléments Le nom de lélément doit être suivi de : [] Le nom de lélément doit être suivi de : [] Attribut : MULTIPLE Attribut : MULTIPLEExemple

25 Pr. Aissam MESRAR25 Formulaires Menu déroulant Possibilité de sélectionner un élément par défaut Possibilité de sélectionner un élément par défaut Attribut : SELECTED Attribut : SELECTED Exemple

26 Pr. Aissam MESRAR26 Formulaires TEXTAREA : zone de texte La balise double permet de crée une zone de saisie de texte La balise double permet de crée une zone de saisie de texte Principaux attributs : NAME, COLS, ROWS Principaux attributs : NAME, COLS, ROWS COLS : nombre de colonnes COLS : nombre de colonnes ROWS : nombre de lignes ROWS : nombre de lignes Exemple : Exemple : Exemple Votre commentaire :

27 Pr. Aissam MESRAR27 Etapes dexploitation dun formulaire Accès à la page du formulaire (son URL) Accès à la page du formulaire (son URL) Remplissage/modification des champs Remplissage/modification des champs Envoi du formulaire(submit) Envoi du formulaire(submit) Récupération des paramètres par le script Récupération des paramètres par le script Traitement du formulaire Traitement du formulaire Calcul Calcul Transformation Transformation Accès aux BD … Accès aux BD … Renvoi de la réponse au client Renvoi de la réponse au client Client Serveur

28 Pr. Aissam MESRAR28 Récupération des paramètres Les différents éléments du formulaire sont récupérés par le script dans des variables Les différents éléments du formulaire sont récupérés par le script dans des variables Deux cas selon la configuration de register_globals Deux cas selon la configuration de register_globals register_globals=on register_globals=on register_globals=off (par défaut à partir de la version PHP4.2) register_globals=off (par défaut à partir de la version PHP4.2)

29 Pr. Aissam MESRAR29 Récupération des paramètres register_globals=on register_globals=on Les paramètres sont récupérés directement dans des variables qui ont les mêmes noms que leurs homologues dans le formulaire. Les paramètres sont récupérés directement dans des variables qui ont les mêmes noms que leurs homologues dans le formulaire. De moins en moins utilisée De moins en moins utilisée Exemple Exemple Dans le formulaire Dans le formulaire Dans le script, cet élément est récupéré dans la variable $nom Dans le script, cet élément est récupéré dans la variable $nom

30 Pr. Aissam MESRAR30 Récupération des paramètres register_globals=off register_globals=off Les paramètres sont récupérés dans un tableau : Les paramètres sont récupérés dans un tableau : $_POST["nom_champs"] si la méthode denvoi est POST $_POST["nom_champs"] si la méthode denvoi est POST $_GET["nom_champs"] si la méthode denvoi est GET $_GET["nom_champs"] si la méthode denvoi est GET Exemple Exemple Dans le formulaire Dans le formulaire Dans le script, cet élément est récupéré selon la méthode denvoi par : Dans le script, cet élément est récupéré selon la méthode denvoi par : $_POST["nom"] $_POST["nom"] $_GET["nom"] $_GET["nom"]

31 Pr. Aissam MESRAR31 Récupération des paramètres Dans la suite nous supposons que register_globals =off

32 Pr. Aissam MESRAR32 Récupération des paramètres Zone de saisie, bouton radio et zone de texte Zone de saisie, bouton radio et zone de texte Lélément est récupéré par son nom Lélément est récupéré par son nom $_POST["nom_champs"] ou $_GET ["nom_champs"] $_POST["nom_champs"] ou $_GET ["nom_champs"] Cases à cocher Cases à cocher Chaque élément a un nom différent Chaque élément a un nom différent Seuls les éléments cochés seront envoyés Seuls les éléments cochés seront envoyés

33 Pr. Aissam MESRAR33 Récupération des paramètres Liste de sélection Liste de sélection A choix unique : de la même façon que la zone de saisie A choix unique : de la même façon que la zone de saisie A choix multiple : A choix multiple : Le nom de lélément dans le formulaire doit être suivi des [ ] Le nom de lélément dans le formulaire doit être suivi des [ ] Dans le script PHP la liste est récupérée dans un tableau selon la méthode : Dans le script PHP la liste est récupérée dans un tableau selon la méthode : $tb = $_POST["nom_list_sel"] $tb = $_POST["nom_list_sel"] $tb = $_GET["nom_list_sel"] $tb = $_GET["nom_list_sel"]

34 Pr. Aissam MESRAR34 Traitement du formulaire Du code PHP : tout est permis Du code PHP : tout est permis Calcul Calcul Transformation Transformation Manipulation des fichiers Manipulation des fichiers Accès aux BD Accès aux BD … …


Télécharger ppt "Pr. Aissam MESRAR1 Chapitre 3 Les Formulaires en PHP Pr. Aissam MESRAR."

Présentations similaires


Annonces Google