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

DéfinitionCommandesCommandes particulièresDécoration La balise : Formulaires HTML/PHP Les balises et définissent l'espace du formulaire. Elles possèdent.

Présentations similaires


Présentation au sujet: "DéfinitionCommandesCommandes particulièresDécoration La balise : Formulaires HTML/PHP Les balises et définissent l'espace du formulaire. Elles possèdent."— Transcription de la présentation:

1 DéfinitionCommandesCommandes particulièresDécoration La balise : Formulaires HTML/PHP Les balises et définissent l'espace du formulaire. Elles possèdent trois attributs: - ACTION qui définit vers quelle URL envoyer le contenu du formulaire - METHOD qui définit le mode de transmission: GET ou POST - ENCTYPE qui définit le type de contenu: chaîne ou fichier AULAS ACTIONENCTYPEMETHOD

2 DéfinitionCommandesCommandes particulièresDécoration ACTION : Formulaires HTML/PHP La propriété ACTION définit vers quelle URL (Universal Resource Location) envoyer le contenu du formulaire. Ex : Pour renvoyer le formulaire à lui même, on écrira action="#" (voire on écrira rien du tout). AULAS ACTIONENCTYPEMETHOD

3 DéfinitionCommandesCommandes particulièresDécoration METHOD : Formulaires HTML/PHP La propriété METHOD définit le mode de transmission, GET ou POST: - GET : une chaîne est placée à la fin de l'URL après un caractère " ? " sous forme d'associations nomChamp=val où nomChamp est le nom du champ dans le formulaire et val la valeur saisie. Nb: le caractère " + " remplace les espaces et le caractère " & " sépare les associations nomChamp=val. - POST : la chaîne est transmise séparément de l'URL. Ex : AULAS ACTIONENCTYPEMETHOD

4 DéfinitionCommandesCommandes particulièresDécoration ENCTYPE : Formulaires HTML/PHP La propriété ENCTYPE définit le type d'encodage des données du formulaire qui doit être utilisé pour la transmission au serveur: - application/x-www-form-urlencoded C'est l'option par défaut qui prévoit que les champs du formulaire sont transmis sous la forme d'une liste de paires nom=valeur. - multipart/form-data Cette option doit être utilisée pour transmettre des fichiers. AULAS ACTIONENCTYPEMETHOD

5 DéfinitionCommandesCommandes particulièresDécoration La balise : Formulaires HTML/PHP A deux exceptions près, la balise permet de définir toutes les commandes d'un formulaire. Les éléments communs à toutes les balises INPUT: - balise ouvrante uniquement - l'attributs NAME - et l'attribut TYPE : Ex: Titre : AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

6 DéfinitionCommandesCommandes particulièresDécoration Les différents TYPE de commandes : Formulaires HTML/PHP L'attribut TYPE permet de définir les différents type de commande qui sont, en vrac : - TEXTpour entrer du texte - PASSWORDpour entrer du texte masqué (mot de passe par ex.) - HIDDENpour transmettre des infos cachées - CHECKBOXpour créer des cases à cocher - RADIOpour créer des cases à cocher exclusives - SUBMITpour créer un bouton qui soumet le formulaire - RESETpour réinitialiser un formulaire - IMAGEpour fabriquer un joli bouton - FILE pour transférer des fichiers AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

7 DéfinitionCommandesCommandes particulièresDécoration Le type TEXT Formulaires HTML/PHP La commande de type TEXT fournit à l'utilisateur l'interface suivante : On peut en contrôler la taille à l'aide de l'attribut SIZE suivi du nombre de caractères visibles dans la fenêtre. On peut également contrôler la longueur maximum autorisée à être entrée dans cette fenêtre à l'aide de l'attribut MAXLENGTH. Ex: Nom : Prénom : AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

8 DéfinitionCommandesCommandes particulièresDécoration Le type PASSWORD Formulaires HTML/PHP La commande de type PASSWORD est identique à la commande de type TEXT sauf que le texte entré n'apparaît pas à l'écran (les lettres dont remplacées par des *) : Ex: Ce type sert principalement à la saisie de mot de passe. AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

9 DéfinitionCommandesCommandes particulièresDécoration Le type HIDDEN Formulaires HTML/PHP La commande de type HIDDEN n'est pas visible. Elle sert principalement à définir un paramètre dont la valeur est fixée, et à passer ce paramètre en même temps que ceux saisis par l'utilisateur. Ex: Attention: cette commande est cachée mais pas secrète: il suffit à l'utilisateur de consulter le code source pour la voir. AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

10 DéfinitionCommandesCommandes particulièresDécoration Le type CHECKBOX Formulaires HTML/PHP Ce type permet de créer des cases à cocher associées à des valeurs. En donnant le même attribut NAME à plusieurs cases à cocher, on indique au navigateur que ces champs doivent être groupés dans la fenêtre d'affichage. Contrairement aux commandes TEXT, les valeurs (attribut VALUE) ne sont pas visibles et doivent être définies à l'intérieur de la balise INPUT : Ex: Choléra : Tuberculose : Oreillons : Autres : AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

11 DéfinitionCommandesCommandes particulièresDécoration Le type RADIO Formulaires HTML/PHP La commande RADIO fonctionne comme CHECKBOX mais n'autorise pas un choix multiple. Le premier choix est sélectionné par défaut. Pour présélectionner un autre choix, vous pouvez utiliser l'attribut CHECKED : Ex: Oui Non AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

12 DéfinitionCommandesCommandes particulièresDécoration Les types SUBMIT, RESET et IMAGE Formulaires HTML/PHP La commande SUBMIT correspond à un bouton qui valide la saisie et envoie le contenu du formulaire au serveur. L'attribut VALUE permet de définir le texte affiché sur le bouton. Un commande complémentaire RESET, fonctionne sur le même schéma que SUBMIT et permet de réinitialiser le formulaire. Ex: AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

13 DéfinitionCommandesCommandes particulièresDécoration Les types SUBMIT, RESET et IMAGE Formulaires HTML/PHP Pour remplacer un bouton de type SUBMIT par une image, vous disposez de la commande IMAGE : Ex: AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

14 DéfinitionCommandesCommandes particulièresDécoration Le type FILE Formulaires HTML/PHP La commande de type FILE permet de transmettre des fichiers par l'intermédiaire du formulaire. Le champ doit alors contenir le chemin d'accès au fichier sur l'ordinateur du client. Ex: Une astuce permet de limiter la taille maximale du fichier à transmettre en utilisant une commande HIDDEN portant le nom MAX_FILE_SIZE et ayant pour valeur le nombre d'octets maximal. Ex: AULAS PASSWORDFILETEXTHIDDENCHECKBOXRADIOSUBMIT

15 DéfinitionCommandesCommandes particulièresDécoration La commande SELECT Formulaires HTML/PHP Cette commande est assez proche des champs CHECKBOX et RADIO : Il permet à l'utilisateur de choisir un ou plusieurs éléments dans un menu déroulant. La balise est un conteneur dans lequel on doit énumérer, avec les balises tous les choix disponibles. Ces balises ont elles-même un attribut VALUE qui indique la valeur à envoyer au serveur lorsque l'option a été sélectionné. Elles peuvent utiliser l'attribut SELECTED pour sélectionner une valeur par défaut Ex : Broca Lariboisière AULAS

16 DéfinitionCommandesCommandes particulièresDécoration La commande SELECT Formulaires HTML/PHP La balise SELECT dispose d'un attribut SIZE qui définit le nombre de lignes visibles en même temps dans le menu déroulant. L'attribut MULTIPLE (sans valeur associée) autorise à sélectionner plusieurs valeurs dans la liste : Ex : Broca Lariboisière AULAS

17 DéfinitionCommandesCommandes particulièresDécoration La commande TEXTAREA Formulaires HTML/PHP La balise TEXTAREA fournit à l'utilisateur une zone dans laquelle il peut rentrer du texte. Cette commande est encadrée par une balise ouvrante et fermante. Elle possède les attributs suivants: - NAME - ROWS : indique la hauteur de la zone de texte en nombre de ligne - COLS indique la largeur de la zone de texte (en nombre de caractères). AULAS

18 DéfinitionCommandesCommandes particulièresDécoration La commande TEXTAREA Formulaires HTML/PHP Ex : Je peux placer ici du texte par défaut. AULAS

19 DéfinitionCommandesCommandes particulièresDécoration La balise Formulaires HTML/PHP La balise est uniquement décorative : elle permet d'entourer un groupe de commande par un léger filet gris. On peut donner un titre à ce groupe à l'aide de la balise. Ex: Données personnelles Nom : Prénom : Id : AULAS

20 DéfinitionCommandesCommandes particulièresDécoration Tester les variables globales Formulaires HTML/PHP foreach ($GLOBALS as $clef=>$valeur) print "$clef == $valeur"; foreach ($_SERVER as $clef=>$valeur) print "$clef == $valeur"; print $_SERVER['PHP_SELF']; foreach ($_GET as $clef=>$valeur) print "$clef == $valeur"; Nb: phpinfo(); renvoie un contenu mis en forme des différentes variables globales AULAS

21 L'âge du capitaine Trouvez l'âge du capitaine! " METHOD="GET"> Tentez votre chance : AULAS

22 L'âge du capitaine Trouvez l'âge du capitaine! " METHOD="GET"> Tentez votre chance : AULAS

23 L'âge du capitaine Trouvez l'âge du capitaine! " METHOD="GET"> Tentez votre chance : AULAS

24 L'âge du capitaine AULAS

25 L'âge du capitaine $age_a_trouver) $message.= "Il est moins vieux que cela voyons! "; elseif ($_GET['age']<$age_a_trouver) $message.= "Vous êtes flatteur mais il est plus âgé! "; } ?> AULAS

26 L'âge du capitaine $age_a_trouver) $message.= "Il est moins vieux que cela voyons! "; elseif ($_GET['age']<$age_a_trouver) $message.= "Vous êtes flatteur mais il est plus âgé! "; else $message.= "Bingo! Vous avez trouvé l'âge du capitaine! "; } ?> AULAS

27 L'âge du capitaine ?> Trouvez l'âge du capitaine! " METHOD="GET"> Tentez votre chance : "> AULAS

28 L'âge du capitaine $age_a_trouver) $message.= "Il est moins vieux que cela voyons! "; elseif ($_GET['age']<$age_a_trouver) $message.= "Vous êtes flatteur mais il est plus âgé! "; else $message.= "Bingo! Vous avez trouvé l'âge du capitaine! "; } ?> AULAS

29 L'âge du capitaine $age_a_trouver) $message.= "Il est moins vieux que cela voyons! "; elseif ($_GET['age']<$age_a_trouver) $message.= "Vous êtes flatteur mais il est plus âgé! "; else { $message.= "Bingo! Vous avez trouvé l'âge du capitaine! "; $message.= "Il vous a tout de même fallu $nb_tentative tentatives! "; } ?> AULAS


Télécharger ppt "DéfinitionCommandesCommandes particulièresDécoration La balise : Formulaires HTML/PHP Les balises et définissent l'espace du formulaire. Elles possèdent."

Présentations similaires


Annonces Google