SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Transmission
d'informations
●

●

●

●

Permettre à l'utilisateur d'entrer des
informations grâce à un formulaire
Traiter cette information
Comment récupérer l'information transmise ?
(Documentation officielle)
Comment la manipuler ?
(Documentation officielle)
Formulaires
●

●

●

Permet à l'utilisateur de transmettre des
données au serveur
<form action='example.php' method='GET'>
<input type='text' />
<input type='submit' />
</form>
Deux méthodes : GET et POST
POST

●

●

●

Permet des données plus longues
(ex : paragraphe entier)
Les données ne sont pas affichées
(ex : données confidentielles)
Si on copie l'URL, on ne copie pas les
données avec.
Champ caché

●

●

●

Permet de transmettre une variable nonmodifiable par l'utilisateur dans un formulaire
Peut être utile pour transmettre une même
variable à travers plusieurs pages
Attention : la variable n'est pas réellement
invisible !
Autres types de champs

●

checkbox : case à cocher

●

radio : bouton radio

●

select : liste d'options

●

textarea : champ multi-lignes
Traitement des données

●

●

●

Si l'utilisateur peut entrer du HTML ou du
JavaScript, il peut modifier le contenu du site.
Il faut vérifier les données entrées avant de les
utiliser.
On peut ensuite manipuler ces données avant
de les afficher ou de les stocker.
Quelques fonctions
●

htmlentities: rend inactif le HTML

●

strip_tags : enlève le HTML

●

urlencode : convertit en URL

●

strtolower/strtoupper : change la casse

●

trim : enlève les espaces en trop

●

str_replace : remplace un bout de chaîne

●

str_word_count : compte le nombre de mots

●

ucfirst/ucwords : met le premier caractère en
majuscule
Exercice 4

●

Créer une calculatrice qui peut faire des
opérations simples (ex : 12 x 35)

●

Fichier calculatrice.html avec un formulaire

●

Fichier resultat.php avec le résultat du calcul

●

Résultat à obtenir
Exercice 5
●

●

●

●

Afficher un formulaire avec ce captcha :
Vérifier que l'utilisateur tape bien le contenu
de l'image.
Afficher un message d'erreur sinon.
L'utilisateur ne doit pas avoir à se préoccuper
de la casse.
Résultat à obtenir
Exercice 5
●

●

●

●

Afficher un formulaire avec ce captcha :
Vérifier que l'utilisateur tape bien le contenu
de l'image.
Afficher un message d'erreur sinon.
L'utilisateur ne doit pas avoir à se préoccuper
de la casse.
Résultat à obtenir

Weitere ähnliche Inhalte

Mehr von StrasWeb

Les MOOC, apprendre autrement grâce à Internet
 Les MOOC, apprendre autrement grâce à Internet Les MOOC, apprendre autrement grâce à Internet
Les MOOC, apprendre autrement grâce à InternetStrasWeb
 
Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?StrasWeb
 
Wikipédia pour les étudiants
Wikipédia pour les étudiantsWikipédia pour les étudiants
Wikipédia pour les étudiantsStrasWeb
 
E-marketing pour les débutants
E-marketing pour les débutantsE-marketing pour les débutants
E-marketing pour les débutantsStrasWeb
 
JavaScript
JavaScriptJavaScript
JavaScriptStrasWeb
 
Utiliser les réseaux sociaux pour communiquer
 Utiliser les réseaux sociaux pour communiquer Utiliser les réseaux sociaux pour communiquer
Utiliser les réseaux sociaux pour communiquerStrasWeb
 
Licences libres : utopie ou modèle économique ?
 Licences libres : utopie ou modèle économique ? Licences libres : utopie ou modèle économique ?
Licences libres : utopie ou modèle économique ?StrasWeb
 
Le web, c’est 99 % de typographie.
Le web, c’est 99 % de typographie.Le web, c’est 99 % de typographie.
Le web, c’est 99 % de typographie.StrasWeb
 
Jquery - introduction au langage
Jquery - introduction au langageJquery - introduction au langage
Jquery - introduction au langageStrasWeb
 
L'auto hébergement
L'auto hébergementL'auto hébergement
L'auto hébergementStrasWeb
 
Initiation au php
Initiation au phpInitiation au php
Initiation au phpStrasWeb
 
Naviguer en sécurité
Naviguer en sécuritéNaviguer en sécurité
Naviguer en sécuritéStrasWeb
 
Introduction aux principes du Responsive Web Design
 Introduction aux principes du Responsive Web Design Introduction aux principes du Responsive Web Design
Introduction aux principes du Responsive Web DesignStrasWeb
 
Héberger son site web
Héberger son site webHéberger son site web
Héberger son site webStrasWeb
 
Les tendances du webdesign
Les tendances du webdesignLes tendances du webdesign
Les tendances du webdesignStrasWeb
 
Initiation au CSS
Initiation au CSSInitiation au CSS
Initiation au CSSStrasWeb
 
Typographie pour le Web
Typographie pour le WebTypographie pour le Web
Typographie pour le WebStrasWeb
 
Découverte des licences libres
Découverte des licences libresDécouverte des licences libres
Découverte des licences libresStrasWeb
 
Découvrir WordPress
Découvrir WordPressDécouvrir WordPress
Découvrir WordPressStrasWeb
 
Initiation au JavaScript
Initiation au JavaScriptInitiation au JavaScript
Initiation au JavaScriptStrasWeb
 

Mehr von StrasWeb (20)

Les MOOC, apprendre autrement grâce à Internet
 Les MOOC, apprendre autrement grâce à Internet Les MOOC, apprendre autrement grâce à Internet
Les MOOC, apprendre autrement grâce à Internet
 
Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?Écriture collaborative : est-on plus intelligents à plusieurs ?
Écriture collaborative : est-on plus intelligents à plusieurs ?
 
Wikipédia pour les étudiants
Wikipédia pour les étudiantsWikipédia pour les étudiants
Wikipédia pour les étudiants
 
E-marketing pour les débutants
E-marketing pour les débutantsE-marketing pour les débutants
E-marketing pour les débutants
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Utiliser les réseaux sociaux pour communiquer
 Utiliser les réseaux sociaux pour communiquer Utiliser les réseaux sociaux pour communiquer
Utiliser les réseaux sociaux pour communiquer
 
Licences libres : utopie ou modèle économique ?
 Licences libres : utopie ou modèle économique ? Licences libres : utopie ou modèle économique ?
Licences libres : utopie ou modèle économique ?
 
Le web, c’est 99 % de typographie.
Le web, c’est 99 % de typographie.Le web, c’est 99 % de typographie.
Le web, c’est 99 % de typographie.
 
Jquery - introduction au langage
Jquery - introduction au langageJquery - introduction au langage
Jquery - introduction au langage
 
L'auto hébergement
L'auto hébergementL'auto hébergement
L'auto hébergement
 
Initiation au php
Initiation au phpInitiation au php
Initiation au php
 
Naviguer en sécurité
Naviguer en sécuritéNaviguer en sécurité
Naviguer en sécurité
 
Introduction aux principes du Responsive Web Design
 Introduction aux principes du Responsive Web Design Introduction aux principes du Responsive Web Design
Introduction aux principes du Responsive Web Design
 
Héberger son site web
Héberger son site webHéberger son site web
Héberger son site web
 
Les tendances du webdesign
Les tendances du webdesignLes tendances du webdesign
Les tendances du webdesign
 
Initiation au CSS
Initiation au CSSInitiation au CSS
Initiation au CSS
 
Typographie pour le Web
Typographie pour le WebTypographie pour le Web
Typographie pour le Web
 
Découverte des licences libres
Découverte des licences libresDécouverte des licences libres
Découverte des licences libres
 
Découvrir WordPress
Découvrir WordPressDécouvrir WordPress
Découvrir WordPress
 
Initiation au JavaScript
Initiation au JavaScriptInitiation au JavaScript
Initiation au JavaScript
 

Cours PHP 3/4 - Pierre Rudloff

  • 1. Transmission d'informations ● ● ● ● Permettre à l'utilisateur d'entrer des informations grâce à un formulaire Traiter cette information Comment récupérer l'information transmise ? (Documentation officielle) Comment la manipuler ? (Documentation officielle)
  • 2. Formulaires ● ● ● Permet à l'utilisateur de transmettre des données au serveur <form action='example.php' method='GET'> <input type='text' /> <input type='submit' /> </form> Deux méthodes : GET et POST
  • 3. POST ● ● ● Permet des données plus longues (ex : paragraphe entier) Les données ne sont pas affichées (ex : données confidentielles) Si on copie l'URL, on ne copie pas les données avec.
  • 4. Champ caché ● ● ● Permet de transmettre une variable nonmodifiable par l'utilisateur dans un formulaire Peut être utile pour transmettre une même variable à travers plusieurs pages Attention : la variable n'est pas réellement invisible !
  • 5. Autres types de champs ● checkbox : case à cocher ● radio : bouton radio ● select : liste d'options ● textarea : champ multi-lignes
  • 6. Traitement des données ● ● ● Si l'utilisateur peut entrer du HTML ou du JavaScript, il peut modifier le contenu du site. Il faut vérifier les données entrées avant de les utiliser. On peut ensuite manipuler ces données avant de les afficher ou de les stocker.
  • 7. Quelques fonctions ● htmlentities: rend inactif le HTML ● strip_tags : enlève le HTML ● urlencode : convertit en URL ● strtolower/strtoupper : change la casse ● trim : enlève les espaces en trop ● str_replace : remplace un bout de chaîne ● str_word_count : compte le nombre de mots ● ucfirst/ucwords : met le premier caractère en majuscule
  • 8. Exercice 4 ● Créer une calculatrice qui peut faire des opérations simples (ex : 12 x 35) ● Fichier calculatrice.html avec un formulaire ● Fichier resultat.php avec le résultat du calcul ● Résultat à obtenir
  • 9. Exercice 5 ● ● ● ● Afficher un formulaire avec ce captcha : Vérifier que l'utilisateur tape bien le contenu de l'image. Afficher un message d'erreur sinon. L'utilisateur ne doit pas avoir à se préoccuper de la casse. Résultat à obtenir
  • 10. Exercice 5 ● ● ● ● Afficher un formulaire avec ce captcha : Vérifier que l'utilisateur tape bien le contenu de l'image. Afficher un message d'erreur sinon. L'utilisateur ne doit pas avoir à se préoccuper de la casse. Résultat à obtenir