Formulaire

Les formulaires permettent de récupérer des informations saisies par un utilisateur (coordonnées par exemple).

Création d'un formulaire

Dans la fenêtre Insertion, choisir l'onglet Formulaires.

L'icône insère un formulaire.

On veut obtenir :

   

 Nom

 Prénom

 Rue

 Ville

 Code postal

 Catalogue

 Langue

Francais Anglais

 Commentaire

 

Insérer un tableau à 2 colonnes pour la présentation

Création des zones de saisie

Pour créer les zones de saisie nom, prénom, rue, ville, code postal, utiliser .

La fenêtre des Propriétés  permet d'affecter un nom au champ de saisie.

Pour créer la  zone de commentaire ,utiliser ou la commande puis choisir l'option multi-lignes.

Pour créer le menu déroulant, utiliser ou la commande Insertion/Formulaire/Liste/Menu. Le bouton Valeurs de la liste permet de définir les options du menu.

<select name="catalogue">
<option value="Cegos">Cegos</option>
<option value="Redoute">Redoute</option>
</select>

Les cases d'option doivent avoir le même nom (langue sur l'exemple)

<input type="radio" name="langue" value="francais">
<input type="radio" name="langue" value="anglais">

Validation des champs

Sélectionner le formulaire en cliquant sur la balise <Form>

Afficher la fenêtre des Comportements.

Cliquer sur et choisir le comportement Valider le formulaire.

Traitement du formulaire

Sélectionner le formulaire en cliquant sur la balise <Form>

Saisir dans Action le chemin d'accès (url) du programme qui traitera le formulaire (xx.cgi,xx.asp,...)

Ou envoyez les données du formulaire par email :
action="mailto:jboisgon@cegos.fr?subject=Demande_de_catalogue"

Menu de reroutage

Permet de sélectionner une URL (adresse http, page.htm,..). Utiliser l'icône dans la fenêtre Objets ou la commande Insertion/Objet de formulaire/Menu Reroutage.

On obtient:

Code correspondant :

<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent.frames[\'principal\']',this,0)">
<option value="http://www.ratp.fr" selected>Ratp</option>
<option value="http://www.sncf.fr">Sncf</option>
</select>
</form>