06_04_01 Les URL & formulaire

06_04_01
Les URL & formulaire

​Grâce aux URL et à PHP, nous allons rendre le formulaire de contact dynamique en retournant une page de prise en compte de la demande à chaque personne qui soumettra le formulaire.

Multiple Choice

Que signifie l'acronyme URL ?

• Universal Resource Locator

• Uniform Resource Locator

• Unified Resource Locator

• Universal Reference Link

Et concrètement ?

Toutes les adresses que vous voyez en haut de votre navigateur, comme : http://localhost/phpmyadmin/index.php?route=/database/structure&server=1&db=tpch-lite sont des URL.

Les informations après le point d'interrogation ? sont en réalité des données que l'on fait transiter d'une page à une autre. Nous allons découvrir dans ce chapitre comment cela fonctionne.

Introduction aux méthodes GET et POST

Lorsque vous interagissez avec un site web (en cliquant sur des boutons ou en remplissant des formulaires), votre navigateur envoie des informations au serveur. Ces informations peuvent être envoyées de deux manières principales : via la méthode GET ou la méthode POST.

Explication de isset()

Avant de poursuivre avec des exemples de formulaires, il est important de comprendre une fonction PHP très utilisée pour vérifier l'existence de données envoyées : isset().

La fonction isset() en PHP permet de vérifier si une variable est définie et qu'elle contient une valeur autre que null. Elle est très utile lorsque vous travaillez avec des formulaires pour vous assurer que les données ont bien été envoyées avant d'essayer de les traiter.

isset()

Multiple Choice

Quelle est la fonction principale de isset() en PHP ?

• Déclarer une variable à l'intérieur d'une fonction

• Vérifier si une variable est définie et non nulle

• Supprimer une variable si la variable n'est pas définie

• Afficher une variable en passant par echo

Multiple Choice

Que retourne la fonction isset() si la variable n'existe pas ?

• true

• false

• null

• erreur fatale

Multiple Choice

Que se passe-t-il si plusieurs variables sont passées à isset() ?

• Elle vérifie la première variable uniquement

• Elle vérifie toutes les variables et retourne true seulement si toutes sont définies

• Elle retourne false dès qu'une variable est indéfinie

• Elle ignore les variables non définies

Les paramètres dans l'URL

Parfois, une URL contient des paramètres après un point d'interrogation (?). Ces paramètres passent des informations à la page web.

Les paramètres dans l'URL

Exemple : http://example.com/page.php?nom=Jean&age=25

• Ici, nom=Jean et age=25 sont des paramètres.

• Le ? marque le début des paramètres. Les paramètres sont ensuite séparés par des &.

Les méthodes HTTP : GET et POST

Et donc En PHP, il y a deux façons principales d'envoyer des informations d'un formulaire vers le serveur : la méthode GET et la méthode POST.

La méthode GET

Les données sont envoyées dans l'URL, après le ?. Cela signifie que les informations sont visibles dans la barre d'adresse.

• Exemple : Si un formulaire utilise la méthode GET avec un champ pour le nom, l'URL pourrait ressembler à page.php?nom=Jean.

• À noter : GET est utilisé pour les recherches ou lorsque les informations ne sont pas sensibles (par exemple, une recherche sur un site).

La méthode POST

Les données ne sont pas visibles dans l'URL car elles sont envoyées en arrière-plan. Cette méthode est plus sécurisée pour transmettre des informations sensibles comme des mots de passe.

• Exemple : Si un formulaire utilise la méthode POST, l'URL reste la même (page.php) sans afficher les données dans l'URL.

Le choix de la méthode

Dans un formulaire HTML, le choix de la méthode pour envoyer les données au serveur se fait en utilisant l’attribut method de la balise <form>. Cet attribut permet de spécifier comment les données du formulaire seront transmises : soit en utilisant la méthode GET, soit la méthode POST.

Pour utiliser la méthode GET, on écrit method="GET" dans la balise <form>

Méthode GET

Pour utiliser la méthode POST, on écrit method="POST" dans la balise <form>.

Méthode GET

Multiple Choice

Comment spécifie-t-on la méthode d’envoi des données dans un formulaire HTML ?

• Avec l’attribut action

• Avec l’attribut method

• Avec l’attribut input

• Avec l’attribut send

Multiple Choice

Quelle méthode doit-on utiliser dans un formulaire HTML pour envoyer des informations de manière sécurisée (comme un mot de passe) ?

• GET

• POST

• SEND

• SECURE

L’attribut action dans un formulaire HTML

Quand on remplit un formulaire et qu'on clique sur le bouton pour l’envoyer, les données sont envoyées au serveur via l’une des méthodes choisies : GET ou POST. Mais où exactement ces données sont-elles envoyées ? C'est l’attribut action de la balise <form> qui détermine la destination des données.

À quoi sert l’attribut action ?

• L’attribut action indique l’URL vers laquelle les données du formulaire seront envoyées une fois que l’utilisateur a cliqué sur le bouton de soumission. En d’autres termes, il spécifie la page qui va recevoir et traiter les informations fournies dans le formulaire.

• Si on laisse l’attribut action vide (action=""), le formulaire envoie les données vers la même page que celle où le formulaire est situé. Cela peut être utile si on veut traiter les données sur la même page sans rediriger l’utilisateur.

Multiple Choice

Que se passe-t-il si on laisse action="" dans un formulaire HTML ?

• Les données sont envoyées vers une page par défaut.

• Les données sont envoyées vers la même page que celle où le formulaire est affiché.

• Le formulaire ne fonctionne pas.

• Les données sont envoyées par email.

Les Variables Superglobales en PHP : $_GET et $_POST

Maintenant que nous avons vu comment envoyer des données via un formulaire HTML en utilisant les méthodes GET et POST et les rediriger vers une page spécifique avec l'attribut action, la question est : comment récupérer et traiter ces données en PHP ?

Pour cela, PHP met à notre disposition des variables superglobales. Ces variables sont spéciales car elles sont accessibles partout dans le code PHP, peu importe l'endroit où on les utilise (d’où le nom "superglobales").

Les deux superglobales principales pour récupérer les données envoyées par un formulaire sont $_GET et $_POST.

$_GET : Récupérer les Données envoyées par la Méthode GET

• Lorsque le formulaire utilise la méthode GET, les données sont envoyées en ajoutant des paramètres à l'URL après le ?.

• PHP les stocke automatiquement dans la variable superglobale $_GET, qui est un tableau (array) contenant toutes les informations envoyées.

Imaginons un formulaire qui utilise method="GET" et envoie les données suivantes : http://example.com/page.php?nom=Alice&age=25.

Dans le code PHP de page.php, on peut accéder à ces informations avec $_GET :

Exemple avec $_GET

Imaginons un formulaire avec method="POST" qui envoie un nom et un âge. Voici comment récupérer ces valeurs en PHP

Ici, $_POST['nom'] contient la valeur envoyée pour le champ nom et $_POST['age'] contient la valeur envoyée pour le champ age.

Exemple avec $_POST

Multiple Choice

Quelle superglobale est utilisée pour récupérer les données envoyées par la méthode GET ?

• $_DATA

• $_REQUEST

• $_POST

• Aucune de ces réponses !

Multiple Choice

Dans quel cas utiliser $_POST pour récupérer des données en PHP ?

• Lorsqu'on envoie des données par la méthode GET.

• Lorsqu'on envoie des données par la méthode POST.

• Lorsqu'on veut récupérer le nom du fichier.

• Lorsqu'on utilise une méthode sans action.

Multiple Choice

Quelle est la différence principale entre $_GET et $_POST ?

• $_GET est utilisé pour récupérer les variables du serveur, $_POST pour récupérer les données de l'utilisateur.

• $_GET récupère les données envoyées dans l’URL, tandis que $_POST récupère les données envoyées en arrière-plan.

• $_POST est utilisé uniquement dans les formulaires en JavaScript.

• Il n'y a aucune différence entre les deux.

06_04_Exercice_01

Utiliser $_GET pour Récupérer un Prénom :

1. Crée un formulaire HTML qui demande le prénom de l'utilisateur.

2. Configure le formulaire pour envoyer les données en utilisant la méthode GET.

3. Écris un code PHP pour afficher "Bonjour, [prénom] !" où [prénom] est le prénom saisi par l'utilisateur.

06_04_Exercice_02

Utiliser $_POST pour Récupérer un Nom d’Utilisateur

1. Crée un formulaire HTML qui demande un nom d’utilisateur.

2. Configure le formulaire pour envoyer les données en utilisant la méthode POST.

3. Écris un code PHP pour afficher "Bienvenue, [nom d’utilisateur] !" où [nom d’utilisateur] est le nom saisi par l'utilisateur.

06_04_Exercice_03

Utiliser $_GET pour Récupérer un Prénom et un Âge

1. Crée un formulaire HTML qui demande le prénom et l'âge de l'utilisateur.

2. Configure le formulaire pour envoyer les données en utilisant la méthode GET.

3. Écris un code PHP pour afficher "Bonjour, [prénom] ! Tu as [âge] ans." où [prénom] et [âge] sont les valeurs saisies par l'utilisateur.

06_04_Exercice_04

Utiliser $_POST pour Récupérer un Nom d’Utilisateur et un Email

1. Crée un formulaire HTML qui demande le prénom et l'âge de l'utilisateur.

2. Configure le formulaire pour envoyer les données en utilisant la méthode POST.

3. Écris un code PHP pour afficher "Bonjour, [prénom] ! Tu as [âge] ans." où [prénom] et [âge] sont les valeurs saisies par l'utilisateur.

06_04_Exercice_05

Vérification de Champs Vides avec $_POST

1. Crée un formulaire HTML qui demande le nom et l'âge de l'utilisateur.

2. Configure le formulaire pour envoyer les données en utilisant la méthode POST.

3. Dans le code PHP, vérifie si les champs sont vides. Si un champ est vide, affiche un message d’erreur, sinon affiche "Bonjour, [nom] ! Tu as [âge] ans."

Crée un formulaire d'inscription HTML qui demande à l'utilisateur de saisir les informations suivantes :

• Nom d’utilisateur (obligatoire, au moins 3 caractères)

• Email (obligatoire, format email)

• Mot de passe (obligatoire, au moins 6 caractères)

• Confirmation du mot de passe (obligatoire, doit correspondre au mot de passe)

06_04_Exercice_06
Formulaire d'inscription avec Validation

1. Configure le formulaire pour envoyer les données en utilisant la méthode POST vers un fichier inscription.php.

06_04_Exercice_06
Formulaire d'inscription avec Validation (1/3)

2. Dans le fichier inscription.php, vérifie les points suivants :

• Chaque champ est bien rempli. Si un champ est vide, affiche un message d’erreur correspondant.

• Le nom d’utilisateur contient au moins 3 caractères.

• L’adresse email est dans un format valide.

• Le mot de passe contient au moins 6 caractères.

• Le mot de passe et la confirmation du mot de passe sont identiques.

06_04_Exercice_06
Formulaire d'inscription avec Validation (2/3)

3. Si toutes les validations sont respectées, affiche le message "Inscription réussie ! Bienvenue, [nom d'utilisateur] !" en remplaçant [nom d'utilisateur] par le nom saisi. Sinon, affiche les messages d'erreur pour chaque champ qui ne respecte pas les conditions.

06_04_Exercice_06
Formulaire d'inscription avec Validation (3/3)