Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 7.

Les formulaires
Ettaieb Abdessattar22/04/2017
Chapitre 7: Formulaires
Abdessattar
Ettaieb
Cours Introduction a la
programmation Web

22/04/2017Ettaieb Abdessattar
● Les formulaires permettent à un utilisateur d’interagir avec
un serveur WEB. Cela fait passer d’une simple page à une
application WEB.
● Un formulaire HTML est une partie de
page web qui accepte des entrées de l’utilisateur.
● Données traitées au niveau du serveur.
● Les formulaires sont indépendant des plateformes utilisées.

UN FORMULAIRE PEUT CONTENIR :
● Des champs de saisi de texte;
● Des listes de sélections;
● Des boutons;
● Des cases à cocher;
● Des boutons d’options.
● Un bouton de soumission du formulaire et son contenu au
serveur web.

● Description des commandes de saisie en HTML :
Chaque commande
est nommée
● Envoi des données au serveur
encodage des données
nom de chaque commande et valeur(s) associée(s)
● Traitement des données sur le serveur
Script
CGI
PHP
ASP, …

Nom:
Formulaire
Ettaieb
Valider
Réseau
Serveur
Serveur Web
Module PHP
Client
Navigateur
•HTML
•JavaScript
•CSS
Bonjour

Nom:
Formulaire
Ettaieb
Valider
Réseau
Serveur
Serveur Web
Module PHP
Client
Navigateur
•HTML
•JavaScript
•CSS
nom=Ettaieb
Bonjour

Nom:
Formulaire
Ettaieb
Valider
Réseau<HTML>
<HEAD>
<TITLE>Bonjour</TITLE>
</HEAD>
<BODY>
Bonjour Ettaieb!
</BODY>
</HTML>
Serveur
Serveur Web
Module PHP
Client
Navigateur
•HTML
•JavaScript
•CSS
Bonjour

Formulaire
Nom: robert
Valider
Réseau
Serveur
Serveur Web
Module PHP
Client
Navigateur
•HTML
•JavaScript
•CSS
Bonjour Ettaieb!
Bonjour

<form
</form>
● name : Un nom qui permet de différencier plusieurs
formulaires sur une même page.
● action :
● action="http://url" : envoyer les données du formulaire vers un
adresse de site WEB.
● action="mailto://url" : envoyer les données du formulaire vers
une adresse e- mail.
● method : GET | POST
name="…" action="URI" method="…">
commandes

● Ligne de texte
<input type="text" name="…" value="…">
● Mot depasse
<input type="password" name="…" value="…">
● Valeur cachée
<input type="hidden" name="…" value="…">
● Case à cocher
<input type="checkbox" name="…" value="…">
● Boutons radio
<input type="radio" name="…" value="…" [checked]>

● Liste de choix
<select name="…" [multiple]>
<option value="…" [selected]>Txt[</option>]
</select>
● Liste de choix : groupes d’options
<select name="…" [multiple]>
<optgroup label="groupe 1">
<option value="…">Txt</option>
…
</optgroup>
</select>

● Zone de texte
<textarea name="…">Valeur</textarea>
● Bouton d’envoi
<input type="submit" name="…" value="…">
● Bouton de remise à zéro
<input type="reset" name="…" value="…">
● Fichier
<input type="file" name="…">
EXEMPLE : form-01.html, form-02.html, form-03.html, form-04.html et form-05.html

Cours Dev. Web de Mr. Ramzi Guetari - UVT

Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 7.

Recommandé

Recommandé

Contenu connexe

Similaire à Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 7.

Similaire à Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 7. (19)

Plus de Abdessattar Ettaieb

Plus de Abdessattar Ettaieb (11)

Cours Introduction a la programmation Web ISI Ettaieb Abdessattar Chapitre 7.