Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

Créer sa page perso

Bases d'un Formulaire

Page - 55

Bases d'un formulaire = Balises d'un formulaire (1) = Balises d'un formulaire (2) = Champ de saisie (1) = Champ de saisie (2) = Fenêtre de texte = Menu déroulant = Boutons radio = Cases à cocher = Formulaire complet

 

Un formulaire est une page qui sur le Web contient du "texte", des "champs" ou "zones de saisie" et des "options de boutons"mis à la disposition du visiteur. Il lui est ainsi facile d'établir un contact précis, pour passer commande ou simplement s'inscrire ou recevoir de la documentation par exemple et, pour le webmaster de pouvoir exploiter ces données.

Nous sommes dans le contexte CLIENT/SERVEUR.

En effet le programme (on parle alors de Script CGI) du formulaire se trouve sur le serveur de notre provider ou hébergeur dans un répertoire réservé qui souvent s'appelle cgi-bin. L'accès à ce répertoire est limité pour des raisons de sécurité (si c'était autorisé il existerait un risque de mettre le fonctionnement du serveur en péril, suite à de mauvaises commandes), et le formulaire bien qu'en langage HTML sur votre fichier va provoquer les opérations de traitement (inscription, envoie, trie et retour ) sur le serveur dédié.

 

Principe de circulation du Formulaire
Navigateur >>
Serveur >>
Script CGI

- Vous cliquez sur le lien d'une page que vous visitez pour obtenir le formulaire.
- Vous demandez ainsi au serveur de vous adresser le fichier de ce formulaire.
- Le serveur vous l'envoie et la page s'affiche.
- Vous remplissez le formulaire, qui repart au serveur.
- Le serveur le dirige vers le programme Script CGI pour traitement.
- Le traitement une fois effectué est renvoyé vers le serveur, après remise en forme HTML.
- Le serveur envoie pour finir les résultats au destinataire du Formulaire.

Vous comprenez mieux pourquoi par exemple wanadoo et bien d'autres n'acceptent que les formulaires présentant leurs caratéristiques de base, et dans le sens inverse vous ne pourrez pas faire fonctionner le formulaire de wanadoo sur un autre Provider ou hébergeur.  

Heureusement il existe une parade :

Des prestataires de services mettent gratuitement à votre disposition des formulaires genre "passe-partout" et bien entendu ils assurent le traitement et les transferts des données. Ainsi vous pouvez contourner l'obstacle et, si vous travaillez sur Frontpage que wanadoo n'accepte pas (il n'a pas les extensions adéquates), vous pouvez quand même placer un formulaire "externe" configurable à votre goût et le faire transiter par wanadoo, mais les données seront exploitées ailleurs.
En échange d'un petit logo pub mais rien de grave ni gênant et je crois qu'on finit par plus le voir.

A votre disposition divers éléments ou options pour présenter votre formulaire, en fonction de vos besoins : du texte (lettres et chiffres) dans les champs de saisie classiques, menus déroulants, fenêtres de texte, boutons radios, cases à cocher.

Vous trouverez dans l'ordre, le type de formulaire type "form_mail", ensuite le type "mailto" et enfin le type "wanadoo".

Le formulaire est toujours placé entre les tags >BODY> et </BODY>

 

  • <FORM> qui marque le début du formulaire et </FORM> qui marque la fin.
  • ACTION attribut qui lorsqu'on clique sur envoyer, définit l' url du Script correspondant à son programme de traitement. Il s'agit d'une adresse de ce genre:
    (pour CGI.net : "http://www.lecgi.net/public/form_mail.cgi" .....
    et "http://perso.wanadoo.fr/bin/formulaire.cgi" pour wanadoo).....
    ou encore de type Mailto "mailto:henry@aidenet.com".....
  • METHOD est l 'attribut qui définit la méthode de transfert des données vers le Script.
    ( GET pour des transferts de données assez faibles (256 caractères maxi) et POST pour la normale et de plus obligatoire pour le type "Mailto")
  • ENCTYPE est l'attribut de codification en méthode POST, mais peu utilisé, sauf pour le "Mailto" avec enctype="text/plain" qui permet une présentation lisible du mail reçu.

 

<BODY> ...... <FORM ACTION= "url" METHOD=POST> ...... </BODY>

Et pour expédier le formulaire une fois renseigné, vous trouvez obligatoirement le bouton SUBMIT (envoyer) et facultativement le bouton RESET (effacer ou annuler)

 

Vous allez maintenant consulter les balises et attributs utilisés pour réaliser un formulaire

 

Suggestion :

Avant d'installer un formulaire sur votre Site, posez-vous la question suivante :

Combien de fois, ai-je moi-même rempli un formulaire de ce genre, sauf pour éventuellement me référencer auprès des Moteurs de recherche.

Suivant votre réponse personnelle, et si vous atteignez un nombre très bas (pour ne pas dire zéro), alors pensez-vous utile d'installer un tel formulaire ?

Bases d'un formulaire = Balises d'un formulaire (1) = Balises d'un formulaire (2) = Champ de saisie (1) = Champ de saisie (2) = Fenêtre de texte = Menu déroulant = Boutons radio = Cases à cocher = Formulaire complet

 Sommaire Page perso

Tous droits réservés © 1997-2002. aidenet.com

DERNIERS MESSAGES DU FORUM
son et musique [Divers]
Bonjour. [Présentez-vous]
peut on découvrir qui visionne vos messages et con... [Divers]
au recours [A l'aide !]
Windows Live Messenger avec Mozilla Firefox [Autre]
Aide Petit bon homme blanc [Livres / BD / Comics]
Problèmes pilotes graphiques... [Portables]
Aide Petit bon homme blanc [Divers]
Améliorer affichage Accueil site spip191, MERCI de... [HTML / CSS / Javascript]
Nouveau membre, présentation... [Présentez-vous]
un câble réseau est débranché [Réseau local]
problème [HTML / CSS / Javascript]
première visite et besoin d'aide [A l'aide !]
Ecran Bleuuuuu Aide SVP [A l'aide !]
perte de mon mot de passe windows 2000 [A l'aide !]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD