Informatique de base Pr. Namar Ydriss Cours 4: Formulaires

Slides:



Advertisements
Présentations similaires
Chapitre 3 Les Formulaires en PHP
Advertisements

Formulaire HTML Introduction. Définition de formulaire.
11:16:331 Programmation Web Programmation Web : Formulaires HTML Jérôme CUTRONA
Cours n°3 Les formulaires
La balise <FORM>:
Techniques Internet de Base Licence 2 (Info, Maths, PC/PA) Université Jean Monnet Ruggero G. PENSA
28 novembre 2012 Grégory Petit
HTML / CSS Gestion des systèmes d’information Classe terminale
0 Objectifs de la session n°1  Revenir sur toutes les bases théoriques nécessaires pour devenir un développeur Web,  Découvrir l’ensemble des langages.
Cours de programmation web
Module : Pages Web Dynamiques (Production Électronique Avancée)
Deug 11 Systèmes d ’Information : 5a Michel de Rougemont Université Paris II Les Formulaires.
HTML Création et mise en page de formulaire Cours 3.
HTML Création et mise en page de formulaire
1 Systèmes d ’Information : 6b Michel de Rougemont Université Paris II L’Architecture Client/Server.
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
Utilisation du logiciel EduStat © Analyse classique d’items Compilations.
Utilisation du logiciel EduStat © Analyse de sondages Les compilations.
1 Programmation Web Programmation WAMP/LAMP Premiers principes.
Introduction à HTML Eugen Dedu UFC, IUT GTR, Montbéliard, 1ère année septembre 2005
Toulibre : présentation de... xhtml + css par Rémy Sanchez.
Cours de HTML suite 3. Sommaire...  Les formulaires. Les formulaires.  Structure basique du formulaire, balise. Structure basique du formulaire, balise.
Utilisation du logiciel EduStat © Distribution de fréquences simples Les compilations.
Pour plus de modèles : Modèles Powerpoint PPT gratuitsModèles Powerpoint PPT gratuits Page 1 Free Powerpoint Templates Client service architecteur réseaux.
Windows 2003 Server Service DHCP
Javascript et DOM Introduction Nicolas Chourot Informatique
HTML.
ATS8500 Standalone Downloader.
Gestionnaire de contenu (CMS)
Comprendre l’environnement Web
PHP & MYSQL.
Sécurité - ASA8.x - Import du Plug-in RDP pour utilisation dans WebVPN
JQuery.
Projet Ville de Lyon Sites Internet
JavaScript.
5.
II- Transmettre des données sur une page
Les instructions PHP pour l'accès à une base de données (Partie 4)
Plugin POSH.
Astuces jquery.
eXtensible HyperText Markup Language
fonctionnalités iiS iis
5.
Comment créer un script de commande simple sans validation ?
Le CSS Principe de séparation du contenu et de la mise en forme
4. Les chapitres.
Formulaires HTML.
Documentation technique (Linux)
Lintranet LE FUTUR VOUS APPARTIENT NIL JULITTE.
HTTP DNS NTP FTP R231 RJ45 definition HTTP DNS NTP FTP R231 RJ45.
Présentation initiale
Initiation à WordPress
AJAX et JQuery
A. DAAIF ENSET Mohammedia Université Hassan II Casablanca.
Informatique de base Pr. Namar Ydriss Cours 3: Introduction
G.ELGHOUMARI Université ParisII Panthéon-Assas
02- Evaluation Access 2003 Cette évaluation comporte des QCM (1 seule réponse) et des Zones à déterminer dans des copies d’écran.
JAVA SERVER PAGES (JSP)
Bases de la programmation du web
Informatique de base Pr. Michel de Rougemont Ghizlane Elghoumari
Systèmes d ’Information : 6a
Informatique de base Pr. Namar Ydriss Cours 1: Introduction
Cours 5: Scripts Clients
Notions de base sécurité
G.ELGHOUMARI Université ParisII Panthéon-Assas
Cours 3: Feuilles de style
Présenté par Viviane Lévesque
Notions de base sécurité
Le Javascript Cours et Atelier.
Site web, Ce qu’il faut savoir ?
Transcription de la présentation:

Informatique de base Pr. Namar Ydriss Cours 4: Formulaires Université Paris II Panthéon - Assas Informatique de base Cours 4: Formulaires 01/12/2018

Comment échanger de l’ information http://www.lri.fr http://www.yahoo.com Serveurs : Adresse IP Serveur http : programme qui attend des demandes de clients

Des clients et un serveur Serveur HTTP Client1 Client 200000 Le serveur envoie un fichier à chaque client. Page d ’accueil index.html ou introduction.html

Mécanisme d’interaction Formulaire Script CGI (Common Gateway Interface)

Serveur HTTP Logiciel Apache: www.apache.org IIS : www.microsoft.com Client1

Formes en HTML <FORM> Votre nom : <INPUT TYPE=" text  "  NAME= " nom "  SIZE ="  15 "  MAXLENGTH= "  12 "  > <BR> Commentaires : <INPUT TYPE=" text  "  NAME= " com "  ROWS ="  6 "  COLS= "  70 "  > </FORM>

Formes Votre nom : Commentaires: ²

Boutons en HTML <FORM> <OL> <INPUT TYPE=" radio "  NAME= " legenre " VALUE = " Windows "  > <BR> <INPUT TYPE=" radio "  NAME= " legenre " VALUE = " Mac "  > <INPUT TYPE=" radio "  NAME= " legenre " VALUE = " Unix "  > </OL> </FORM>

Boutons radio et checkbox Windows Mac Unix

Question d ’Examen <FORM NAME="ValidForm"> Q1 : Un entier A est représenté en binaire par 10101010 et un entier B par 01010101. Alors: <br> <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(1)"> A+B=127 en décimal <BR> <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(2)"> A=B+1 en décimal <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(3)"> A+B=255 en décimal <INPUT NAME="Q1" TYPE="radio" onClick="q1_OnClick(4)"> A=B+11 en décimal </FORM NAME>

Boutons radio et checkbox Q1 : Un entier A est représenté en binaire par 10101010 et un entier B par 01010101. Alors: A+B=127 A+B=1 A+B=255 A+B=11

Formulaires à menu déroulant La balise SELECT met en place des menus déroulant. Si l'attribut SIZE="nombre d'options du menu", le menu est présenté déjà déroulé alors que si l'attribut SIZE est omis, le menu est présenté refermé. De quel continent êtes-vous ? <SELECT NAME="CONTINENT" SIZE="3"> <OPTION >Afrique<OPTION>Amérique<OPTION>Asie <OPTION SELECTED >Europe <OPTION>Océanie </SELECT>

Formulaire complet Les formulaires peuvent prendre la forme - d'une ligne de texte - d'une fenêtre de texte - de boutons radio la semaine le week-end - de cases à cocher la semaine le week-end - d'un menu déroulant

Exemple de Formulaire complet <html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> <body bgcolor="#FFFFFF"> <P><B>Les formulaires peuvent prendre la forme<BR> - <FONT COLOR="#000080">d'une ligne de texte</FONT></B><BR> <INPUT TYPE="text" NAME="NOM" VALUE="" SIZE=30></P> <P>- <B><FONT COLOR="#000080">d'une fenêtre de texte</FONT></B><BR> <TEXTAREA NAME="NOM" ROWS=4 COLS=60></TEXTAREA></P> <P>- <B><FONT COLOR="#000080">de boutons radio<BR> <INPUT TYPE="radio" NAME="BOUTON_RADIO1884406" VALUE="VALEUR"></FONT></B>la semaine<BR> <INPUT TYPE="radio" NAME="BOUTON_RADIO1885446" VALUE="VALEUR">le week-end</P> <P>- <B><FONT COLOR="#000080">de cases à cocher<BR> <INPUT TYPE="checkbox" NAME="CASE_A_COCHER583" VALUE="VALEUR"></FONT></B>la <INPUT TYPE="checkbox" NAME="CASE_A_COCHER58" VALUE="VALEUR">le week-end</P> <P>- <B><FONT COLOR="#000080">d'un menu déroulant</FONT></B><BR> <SELECT NAME="Quel jour?"><OPTION>lundi <OPTION>mardi <OPTION>mercredi <OPTION>jeudi <OPTION>vendredi <OPTION>samedi <OPTION>dimanche </SELECT></P> <P><B>A la suite du ou des formulaires, il y aura un bouton dont la fonction sera d'envoyer les messages (par exemple à votre adresse électronique).</B></P> </body></html>

Interface avec un serveur CGI : Common Gateway Interface Scripts DHTML (Dynamic HTML) PRINCIPE : Paramètre Action de FORM Variables $x, $y si x et y sont les noms des variables. Bouton type=submit

Formes et CGI Votre nom : Commentaires: jean send

T.D. 4 Formulaires en HTML Radio, Checkbox, Button, Submit, Reset Select, Textarea Action d’un formulaire