Explorer les Livres électroniques
Catégories
Explorer les Livres audio
Catégories
Explorer les Magazines
Catégories
Explorer les Documents
Catégories
Etre capable de récupérer les données saisies par l'utilisateur et les traiter.
Les formulaires en HTML5
Présentation
o Les formulaires introduits dans le HTML depuis ses plus anciennes versions sont l’élément
essentiel qui permet l’interactivité entre un site et ses visiteurs,
o Tout échange entre visiteur et serveur passe par un formulaire, dans lequel l’utilisateur peut saisir
textes ou mots de passe, opérer des choix grâce à des boutons radio, des cases à cocher ou des
listes de sélection, voire envoyer ses propres fichiers depuis le poste client.
o Il est donc important d’en maîtriser la création à la fois avec HTML 5, pour obtenir des formulaires
présentables, et avec PHP, pour gérer les informations fournies par le formulaire au script côté
serveur.
Création d’un formulaire HTML
Pour être conforme au HTML5, le document contenant le formulaire doit avoir la structure
minimale suivante :
Création d’un formulaire HTML
o L’élément <fieldset> permet, à l’intérieur d’un même formulaire, de créer des blocs visuels contenus entre
les balises <fieldset> et </fieldset> et donc de structurer le formulaire en fonction des champs qu’il contient,
ce qui améliore la présentation.
o L’élément <legend> contient le titre de chacun de ces blocs. À l’intérieur de chaque bloc se trouvent les
éléments HTML qui créent les champs visibles ou invisibles du formulaire.
Application
Re produi re le f ormul ai re suivant :
Récupération des données du formulaire en PHP
o L’attribut action de la balise <form> du formulaire sert à définir la page appelée par celui-ci . C’est cette
page qui recevra les données du formulaire et qui sera chargée de les traiter.
o L’attribut "method" : de la balise <form> indique par quel moyen les données sont envoyées à la page de
destination.
o Les données d’un formulaire PHP peuvent être envoyées de deux manières, avec la méthode POST ou la
méthode GET.
Vérifier l’envoi du formulaire
o En PHP, la fonction isset() permet de vérifier si une variable est définie. Dans ce cas, si la
variable $_POST[‘envoi’] est déclarée, cela signifie que le formulaire a été soumis. La clé envoi correspond
au nom du bouton qui soumet le formulaire.
Syntaxe HTML
<form method=”post”>
<input type=”submit” name=”envoi”>
</form>
Syntaxe PHP
<?php
if(isset($_POST[‘envoi’])){ // si formulaire soumis
}
?>
Cas de la méthode POST
o C’est la méthode conseillée puisque les données sont envoyées de façon confidentielle. Par
ailleurs cette méthode s’impose pour l’envoi de fichiers ou de données importantes.
o Les données seront récupérées par la superglobale $_POST [ ]. Il s’agit d’un tableau associatif
dont les clés correspondent aux valeurs des attributs “name” des “éléments” HTML du
formulaire.
1. Contrôle d’existence des variables
o Le contenu de chaque champ défini dans le formulaire associé au script PHP est porté dans l’un des deux
méthodes "$_POST[]" pour les variables HTML envoyées par méthode POST, et "$_GET[]" pour les variables
HTML envoyées par méthode GET ou associées à l’URL du formulaire.
o Le contrôle d’existence du champ consiste à vérifier s’il existe bien une occurrence portant le nom du
champ HTML dans le formulaire ou non.
2.Récupérer les valeurs de la balise <input> en PHP
o En HTML, le champ de texte permet à l’internaute de saisir des mots ou des textes de taille limitée
3.Récupérer les valeurs des textarea avec PHP:
En HTML, le textarea permet à l’internaute de saisir du contenu plus long sur plusieurs lignes
4.Récupérer les valeurs de la balise <select>(ou liste déroulante) en PHP
Cas de la méthode GET
o La méthode GET est utilisée par défaut, si rien n’est renseigné, pour faire circuler les informations du
formulaire en clair dans la barre d’adresse en suivant le format ci-après :
https://www.apcpedagogie.com/chemin/scriptphp.php?var1=valeur1&var2=valeur2
o La première variable d’une url est toujours précédée du symbole ? alors que les autres seront précédées du
symbôle &.
o Les noms des variables correspondent aux attributs name des éléments du formulaire et les valeurs aux
attributs value.
o Les caractères accentués et l’apostrophe sont codés en hexadécimal. Les espaces sont remplacées par le
signe +, et chaque paire nom=valeur est séparée par le signe &.
Exemple d’application
o Écrire un formulaire qui demande le Nom et l'âge de l'utilisateur.
La fonction stripslashes() permet de supprimer le caractère d’échappement \ qui est automatiquement ajouté dans les chaînes saisies.
5.Récupérer les valeurs des checkbox en PHP
o En HTML, les cases à cocher (checkbox) permettent à l’internaute d’interagir en cochant une ou
plusieurs réponses.
o Pour récupérer les valeurs des checkbox qui sont cochées dans un formulaire html ,en PHP on
utilisera deux notions de ce dernier les tableaux et la structure foreach.
5.Récupérer les valeurs des checkbox en PHP
La partie HTML:
Pour obtenir la valeur de plusieurs cases à cocher cochées , l’attribut name dans la balise HTML
input type=”checkbox” doit être initialisé avec un tableau, pour ce faire, écrivez [ ] à la fin de son
attribut name : name=”gout[]”
5.Récupérer les valeurs des checkbox en PHP
La partie PHP:
o Pour récupérer la valeur d’une case à cocher le principe est le suivant : si la case est cochée, la variable
HTML qui lui est associée sera présente dans le tableau $_GET ou $_POST contenant les données du
formulaire. Sinon, elle n’y sera pas.
o Cette deuxième étape consiste à utiliser la boucle foreach() qui va lire une par une les lignes du tableau
dans lequel ont été insérées les valeurs cochées par l’utilisateur une fois qu’il a cliqué sur le bouton
“envoyer” du formulaire.