Utilisation de formulaires pour la colelcte des informations sur les utilisateurs

Dernière mise à jour le 20 déc. 2021

À propos de la collecte d'informations auprès des utilisateurs

Vous pouvez utiliser des formulaires web ou des liens hypertexte pour recueillir des informations auprès des utilisateurs, stocker ces informations dans la mémoire du serveur, puis utiliser ces informations pour créer une réponse dynamique en fonction de la saisie de l'utilisateur.Les outils les plus courants pour recueillir des informations sur les utilisateurs sont les formulaires HTML et les liens hypertexte.

Les formulaires HTML

Permettent de recueillir des informations auprès des utilisateurs et de les stocker dans la mémoire du serveur.Un formulaire HTML peut envoyer les informations soit sous forme de paramètres de formulaire, soit de paramètres d'URL.

Les liens hypertextes

Vous permettent de recueillir des informations auprès des utilisateurs et de les stocker dans la mémoire du serveur.Vous spécifiez une valeur (ou des valeurs) à soumettre lorsqu'un utilisateur clique sur un lien — une préférence, par exemple — en ajoutant la valeur à l'URL spécifiée dans la balise d'ancre. Lorsqu'un utilisateur clique sur le lien, le navigateur envoie l'URL et la valeur ajoutée au serveur.

L’interface utilisateur a été simplifiée sous Dreamweaver et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver et versions ultérieures. Pour plus d’informations, consultez cet article.

Paramètres de formulaire HTML

Les paramètres de formulaire sont envoyés au serveur au moyen d'un formulaire HTML utilisant soit la méthode POST, soit GET.

Lors de l'utilisation de la méthode POST, les paramètres sont envoyés au serveur web dans l'en-tête du document, et ne sont pas visibles ou accessibles à quiconque consulte la page en utilisant des méthodes standard. La méthode POST doit être utilisée pour les valeurs qui affectent le contenu de la base de données (par exemple insérer, mettre à jour ou supprimer des enregistrements), ou pour les valeurs qui sont envoyées par e-mail.

La méthode GET ajoute les paramètres à l'URL demandée.Ces paramètres sont pour leur part visibles pour quiconque affiche la page. La méthode GET doit être utilisée pour les formulaires de recherche.

Vous pouvez utiliser Dreamweaver pour concevoir rapidement des formulaires HTML qui envoient des paramètres au serveur.Soyez attentif à la méthode employée pour transmettre des informations du navigateur au serveur.

Les paramètres de formulaire prennent le nom des objets de formulaire correspondants. Par exemple, si votre formulaire contient un champ de texte nommé txtLastName, alors le paramètre de formulaire suivant est envoyé au serveur lorsque l'utilisateur clique sur le bouton Envoyer :

txtLastName=valeur_saisie

Dans les cas où une application web attend une valeur de paramètre précise (par exemple, lorsqu'elle effectue une action basée sur une des plusieurs options), utilisez une case d'option, une case à cocher ou un objet de formulaire liste/menu pour contrôler les valeurs que l'utilisateur peut soumettre. Cela empêche les utilisateurs de saisir des informations incorrectement et de provoquer une erreur d'application. L’exemple ci-dessous décrit un formulaire contenant un menu déroulant à trois choix :

Formulaire de menu contextuel

Chaque choix de menu correspond à une valeur codée en dur qui est soumise comme paramètre de formulaire au serveur. La boîte de dialogue Valeurs de liste dans l'exemple suivant associe chaque élément de liste à une valeur (Ajouter, Mettre à jour, ou Supprimer) :

Boîte de dialogue Liste valeurs

Une fois qu'un paramètre de formulaire est créé, Dreamweaver peut récupérer la valeur et l'utiliser dans une application web. Après avoir défini le paramètre de formulaire dans Dreamweaver, vous pouvez insérer sa valeur dans une page.

Paramètres d’URL

Les paramètres d'URL permettent de transmettre des informations fournies par l'utilisateur du navigateur au serveur. Lorsqu'un serveur reçoit une requête et que des paramètres sont ajoutés à l'URL de la requête, le serveur donne à la page demandée l'accès aux paramètres avant de servir cette page au navigateur.

Un paramètre d'URL est une paire nom-valeur ajoutée à une URL.Le paramètre commence par un point d'interrogation (?)et se présente sous la forme nom=valeur. Si plusieurs paramètres d'URL existent, chaque paramètre est séparé par une esperluette (&).L'exemple suivant montre un paramètre d'URL avec deux paires nom-valeur :

http://serveur/chemin d'accès/document?nom1=valeur1&nom2=valeur2

Dans cet exemple de processus, l’application est une boutique en ligne. Comme les développeurs du site souhaitent toucher l'audience la plus large possible, le site est conçu pour prendre en charge les devises étrangères.Lorsque les utilisateurs se connectent au site web, ils peuvent sélectionner la devise dans laquelle afficher les prix des articles disponibles.

Le navigateur demande la page report.cfm au serveur. Cette requête inclut le paramètre d’URL Currency="euro". La Variable Currency="euro" spécifie que tous les montants monétaires récupérés soient affichés en euro de l'Union européenne.

Le serveur stocke temporairement en mémoire le paramètre d’URL.

La page report.cfm utilise le paramètre pour récupérer le coût des articles en euros.Ces montants monétaires peuvent être stockés dans un tableau de base de données de différentes devises, ou convertis à partir d'une seule devise associée à chaque article (toute devise prise en charge par l'Application).

Le serveur envoie la page report.cfm au navigateur et affiche la valeur des articles dans la devise demandée.Lorsque cet utilisateur termine la session, le serveur efface la valeur du paramètre d'URL, libérant la mémoire du serveur pour traiter de nouvelles requêtes d'utilisateurs.

Les paramètres d'URL sont également créés lorsque la méthode HTTP GET est utilisée conjointement avec un formulaire HTML.La méthode GET spécifie que la valeur du paramètre soit ajoutée à la requête URL lorsque le formulaire est soumis.

Les utilisations typiques des paramètres d'URL incluent la personnalisation des sites web en fonction des préférences utilisateur.Par exemple, un paramètre d'URL composé d'un nom d'Utilisateur et d'un mot de passe peut être utilisé pour authentifier un Utilisateur, affichant seulement les informations auxquelles cet utilisateur s'est abonné.Les exemples courants de ceci incluent les sites web financiers qui affichent les prix d'actions individuelles basés sur les symboles boursiers que l'utilisateur a précédemment choisis.Les développeurs d'applications web utilisent couramment les paramètres d'URL pour transmettre des valeurs aux variables dans les applications. Par exemple, vous pouvez transmettre des termes de recherche aux variables SQL dans une application web pour générer des résultats de recherche.

Vous créez des paramètres d'URL dans un lien HTML en utilisant l'attribut href de la balise ancre de lien HTML.Vous pouvez saisir les paramètres d'URL directement dans l'attribut en mode Code (Affichage > Code), ou en ajoutant les paramètres d'URL à la fin de l'URL du lien dans la zone Lien de l'inspecteur de propriétés.

Dans l'exemple suivant, trois liens créent un seul paramètre d'URL (action) avec trois valeurs possibles (Add, Update, et Delete).Lorsque l'utilisateur clique sur un lien, une valeur de paramètre est envoyée au serveur, et l'action demandée est effectuée.

<a href="http://www.mysite.com/index.cfm?action=Add">Ajouter un enregistrement</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Mettre à jour un enregistrement</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Supprimer un enregistrement</a>

L'inspecteur Propriété (Fenêtre > Propriétés) vous permet de créer les mêmes paramètres d'URL en sélectionnant le lien et en ajoutant les valeurs de paramètre d'URL à la fin de l'URL du lien dans la zone Lien.

Inspecteur Propriétés

Une fois qu'un paramètre d'URL est créé, Dreamweaver peut récupérer la valeur et l'utiliser dans une application web. Après avoir défini le paramètre d'URL dans Dreamweaver, vous pouvez insérer sa valeur dans une page.