Scribd
Importer
9 vues3 pages

Formulaires HTML : Guide Complet

Le document traite des formulaires HTML en programmation web, décrivant leur structure, fonctionnement et les différentes commandes disponibles pour la saisie de données. Il explique comment les données sont envoyées au serveur et traitées, en utilisant des langages comme PHP et JavaScript. Les types de champs de saisie, tels que les cases à cocher, les boutons radio et les zones de texte, sont également présentés.

Transféré par

ajitkri2020
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
9 vues3 pages

Formulaires HTML : Guide Complet

Le document traite des formulaires HTML en programmation web, décrivant leur structure, fonctionnement et les différentes commandes disponibles pour la saisie de données. Il explique comment les données sont envoyées au serveur et traitées, en utilisant des langages comme PHP et JavaScript. Les types de champs de saisie, tels que les cases à cocher, les boutons radio et les zones de texte, sont également présentés.

Transféré par

ajitkri2020
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

18/10/2016

Formulaires : principe

Ensemble de commandes, interface interactive


Cases à cocher Zones de texte
Boutons radio Champs cachés
Programmation Web : Listes de choix Lignes mot de passe
Formulaires HTML Lignes de texte Envoi de fichier
Boutons
Ensemble d'étiquettes associées
Utilisateur fournit des données
Données traitées au niveau du serveur
Indépendant des plateformes utilisées
18/10/2016 Cours de [Link] 1 18/10/2016 Programmation Web 2012-2013 2

Formulaires : fonctionnement Formulaires : fonctionnement

Client
Description des commandes de saisie en HTML Réseau Navigateur
Chaque commande est nommée nom=robert •HTML
•JavaScript
•CSS
Envoi des données au serveur
encodage des données Bonjour
Formulaire
Bonjour robert
Nom: robert !
nom de chaque commande et valeur(s) associée(s) <HTML>
Serveur
<HEAD> Valider
<TITLE>Bonjour</TITLE>
</HEAD> nom
Serveur Web
Traitement des données sur le serveur <BODY>
Bonjour robert !
</BODY>
Script CGI </HTML>
Module PHP
PHP
ASP, …
18/10/2016 Programmation Web 2012-2013 3 18/10/2016 Programmation Web 2012-2013 4

1
18/10/2016

Formulaires : mise en place Commandes disponibles

<form name="…" action="URI" method="…"> Ligne de texte


commandes <input type="text" name="…" value="…">
</form> Mot de passe
method= <input type="password" name="…" value="…">
GET
POST Valeur cachée
<input type="hidden" name="…" value="…">
Case à cocher
<input type="checkbox" name="…" value="…">
Boutons radio
<input type="radio" name="…" value="…"
[checked]>
18/10/2016 Programmation Web 2012-2013 5 18/10/2016 Programmation Web 2012-2013 6

Commandes disponibles Commandes disponibles

Liste de choix Zone de texte


<select name="…" [multiple]> <textarea name="…">Valeur</textarea>
<option value="…" [selected]>Txt[</option>] Bouton d’envoi
</select> <input type="submit" name="…" value="…">
Liste de choix : groupes d’options Bouton de remise à zéro
<select name="…" [multiple]> <input type="reset" name="…" value="…">
<optgroup label="groupe 1">
Fichier
<option value="…">Txt <input type="file" name="…">
…
</optgroup>
</select>
18/10/2016 Programmation Web 2012-2013 7 18/10/2016 Programmation Web 2012-2013 8

2
18/10/2016

Étiquetage des commandes

<input type="radio" name="t" value="1">Txt1


<input type="radio" name="t" value="2">Txt2

Zones actives
<input type="radio" name="t"
id="chk1" value="1">
<label for="chk1">Txt1</label>
<input type="radio" name="t"
id="chk2" value="2"> Zones actives
<label for="chk2">Txt2</label>
18/10/2016 Programmation Web 2012-2013 9

Vous aimerez peut-être aussi