11:16:331 Programmation Web 2012-2013 Programmation Web : Formulaires HTML Jérôme CUTRONA

Présentation au sujet: "11:16:331 Programmation Web 2012-2013 Programmation Web : Formulaires HTML Jérôme CUTRONA"— Transcription de la présentation:

1 11:16:331 Programmation Web 2012-2013 Programmation Web : Formulaires HTML Jérôme CUTRONA jerome.cutrona@univ-reims.fr

2 211:16:33 Programmation Web 2012-2013 Ensemble de commandes, interface interactive Ensemble de commandes, interface interactive Cases à cocher Cases à cocher Boutons radio Boutons radio Listes de choix Listes de choix Lignes de texte Lignes de texte Boutons Boutons Ensemble d'étiquettes associées Ensemble d'étiquettes associées Utilisateur fournit des données Utilisateur fournit des données Données traitées au niveau du serveur Données traitées au niveau du serveur Indépendant des plateformes utilisées Indépendant des plateformes utilisées Formulaires : principe Zones de texte Zones de texte Champs cachés Champs cachés Lignes mot de passe Lignes mot de passe Envoi de fichier Envoi de fichier

3 311:16:33 Programmation Web 2012-2013 Formulaires : fonctionnement Description des commandes de saisie en HTML Description des commandes de saisie en HTML Chaque commande est nommée Chaque commande est nommée Envoi des données au serveur Envoi des données au serveur encodage des données encodage des données nom de chaque commande et valeur(s) associée(s) nom de chaque commande et valeur(s) associée(s) Traitement des données sur le serveur Traitement des données sur le serveur Script CGI Script CGI PHP PHP ASP, … ASP, …

4 411:16:33Programmation Web 2012-2013 Nom: Formulaire robert Valider nom Réseau Formulaires : fonctionnement Serveur Serveur Web Module PHP Client Navigateur HTML JavaScript CSS Bonjour Bonjour robert ! nom=robert Bonjour robert ! Bonjour

5 511:16:33 Programmation Web 2012-2013 Formulaires : mise en place commandes method= method= GET GET POST POST

6 611:16:33 Programmation Web 2012-2013 Commandes disponibles Ligne de texte Ligne de texte Mot de passe Mot de passe Valeur cachée Valeur cachée Case à cocher Case à cocher Boutons radio Boutons radio <input type="radio" name="…" value="…" <input type="radio" name="…" value="…" [checked]> [checked]>

7 711:16:33 Programmation Web 2012-2013 Commandes disponibles Liste de choix Liste de choix Txt[ ] Txt[ ] Liste de choix : groupes doptions Liste de choix : groupes doptions Txt Txt …

8 811:16:33 Programmation Web 2012-2013 Commandes disponibles Zone de texte Zone de texte Valeur Valeur Bouton denvoi Bouton denvoi Bouton de remise à zéro Bouton de remise à zéro Fichier Fichier

9 911:16:33 Programmation Web 2012-2013 Étiquetage des commandes Txt1 Txt1 Txt2 Txt2 Txt1 Txt1 Txt2 Txt2 Zones actives