Notre magasin

Rue Albert 1er, 7

6810 Pin - Chiny

(/fax: 061/32.00.15

Formation / tutorial FrontPage

FORMATIONS

Le MAGASIN YBET

PRODUITS et SERVICES

Formation Internet entreprise

Activités et présentation

COURS HARDWARE

Rayon d'action  

11. Formulaire de mail

10.1. Introduction - 10.2. Insertion des champs - 10.3. Codage html du formulaire

1. Introduction.

FrontPage inclut en standard la possibilité de créer un formulaire par la commande du Menu Insertion Formulaires:

Cette commande permet de préparer les données qui doivent être envoyées par mail, même si nous pouvons utiliser la fonction Lien hypertexte Mail to() (<a href='mailto:webmaster@domaine.be'>, cette possibilité ouvre la voie aux spams. Elle ne permet pas non plus de vérifier réellement les données rentrées. L'utilisation d'un formulaire va corriger ce problème

Par contre l'utilisation réelle de ces formulaires passent par un hébergement incluant les extensions FrontPage (ce qui n'est pas la majorité ...). Nous allons créer le formulaire dans ce cours HTML, mais la gestion passe par un langage de programmation. Nous utiliserons finalement ce formulaire pour une autre formation Internet "Création de site" sur le PHP (la partie suivante de ce cours en ligne).

2. Insertion des champs

Nous allons débuter par un formulaire simple.

Nous allons commencer par insérer le formulaire en lui-même: 

Cette partie n'insère que la zone envoi et remise à ZERO. Pour insérer d'autres possibilités, nous allons simplement insérer d'autres composants à l'intérieur de la zone.

Par exemple le nom

Le texte est simplement tapé à coté de la zone de texte. Modifions les propriétés du champ en utilisant la touche droite de la souris et la commande propriété.

Il nous reste à remplir les champs. Dans ce cas, sélectionnons nom au lieu de T1 et pas de valeur initiale. Insérons une liste déroulante

Dans les propriétés nous allons ajouter les différentes valeurs possibles.:

Nous pouvons également insérer des cases à cocher, domicile, message 

Pour terminer, sélectionnez le formulaire et utilisez les propriétés pour 

Attention, comme vous êtes en local, FrontPage vous signale que l'adresse de messagerie n'est pas valide et propose de l'effacer. Sélectionnez non avant de transférer votre formulaire sur votre hébergement. 

3. Code html du formulaire.

En passant par l'onglet HTML de FrontPage, nous pouvons récupérer le code html de notre formulaire.

<form method="POST" name="Formulaire de contact" action="--WEBBOT-SELF--">

<!--webbot bot="SaveResults" U-File="../_private/form_results.txt"

S-Format="TEXT/CSV" S-Label-Fields="TRUE" S-Email-Address="ybet@-skynet.be"

S-Email-Format="TEXT/PRE" -->

<p style="text-indent: 30">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Titre&nbsp; <textarea rows="2" name="Titre" cols="20">Monsieur

Madame

Mademoiselle</textarea></p>

<p style="text-indent: 30">Votre nom: <input type="text" name="nom" size="20"></p>

<p style="text-indent: 30">Votre adresse Mail: <input type="text" name="T1" size="20"></p>

<p style="text-indent: 30">Votre message:</p>

<p style="text-indent: 30"><input type="text" name="message" size="53"></p>

<p style="text-indent: 30"><input type="submit" value="Envoyer" name="B1"><input type="reset" value="Rétablir" name="B2"></p>

</form>

Vous pouvez également directement taper les codes voulus en HTML suivant le tableau ci-dessous:

Si votre hébergement inclus les extension FrontPage, ce formulaire doit fonctionner sans problèmes. Par contre, si vous l'hébergement web n'inclut pas ces extensions, il faudra passer par un programme en PHP comme dans la formation Créer un formulaire mail avec PHP comme nous le verrons dans la formation PHP-MySQL.

> 14. Introduction au PHP - MySQL

YBET Informatique: formation débutant ou avancé

dans notre salle de formation à Chiny ou en entreprise

Renseignements, tarifs et inscriptions sur notre page formations informatiques