Recherche dans le forum:
Rechercher


« Voir le sujet précédent :: Voir le sujet suivant »  
Auteur Message
Message17/10/2008, 10 10 41 (UTC)    
Sujet du message: Faire son formulaire de contact [tuto]

Bonjour à tous,
je vais vous apprendre maintenant à faire son propre formulaire de contact.

Voici tout d'abords les différents éléments d'un formulaire(plus couremment appellé "widgets").

Il y a :
Le champs texte simple
qui a pour code:
Code:
<input type="text" name="Le nom du champs ici" />


La liste déroulante
qui a pour code:

Code:
<select name="Liste1" size="1"><option value="1">Ligne 1</option><option value="2">Ligne 2</option><option value="3">Etc...</option>


Liste déroulante multiligne
qui a pour code:
Code:
<select name="Liste1" size="3"><option value="1">Ligne1</option><option value="2">Ligne 2</option><option value="3"<Etc...</option>


Les cases d'options
qui a pour code:
Code:
<input type="radio" name="Option1" value="1" checked>Option 1<input type="radio" name="Option2" value="2" checked>Option 2 <input type="radio" name="Option3" value="3" checked>Etc...


Les cases à cocher
qui a pour code:
Code:
<input type="checkbox" name="Case1" value="1">Choix1<input type="checkbox" name="Case2" value="2">Choix2<input type="checkbox" name="Case3" value="3">Etc...


La zone de saisie multiligne
qui a pour code:
Code:
<textarea name="Zone"</textarea>


Le chargement de fichier
qui a pour code
Code:
<input type="file" name="fichier">


Le bouton envoyer
qui a pour code:
Code:
<input type="submit" name="boutonSubmit" value="Envoyer">


Le bouton restaurer
qui a pour code:
Code:
<input type="reset" name="restauration" value="Restauration">


Dernière édition par modelisation le 25.10.2008, 11:15; édité 3 fois
Message17/10/2008, 10 10 58 (UTC)    
Sujet du message: Envoi du formulaire par mailto

Maintenant nous allons apprendre comment faire pour envoyer les donnés d'un formulaire.
Malheureusement,avec fr.gd a moins d'activer l'extra contact,on est obliger de faire des envoies par mailto,ce qui n'est pas super contre les spams.
Mais tout de même cela sert pour personnaliser vos demandes dans les formulaires.

Voici le script d'un formulaire de contact par mailto:

<form action="mailto:adresse@serveur.com?subject=Titre%20du%20message" name="formulaire" method="post" enctype="text/plain">

Ici vous mettez les widgets vu plus haut...
Vous mettez bien sûr le code d'un widget précéder du nom ...
Vous mettez ensuite le code du bouton envoyer


</form>

Rouge:Votre adresse mail ici.
Bleu:Le titre du message avec %20 à la place d'un espace.
Vert:Les widgets necessaire pour le formulaire.


Enfin notre script prendra cette forme d'exemple:
Code:
<form action="mailto:adresse@serveur.com?subject=Titre%20du%20message" name="formulaire" method="post" enctype="text/plain">

Saisissez votre message<br />
<textarea name="message" style="width:300px;height:100px;"</textarea><br />
Comment avez vous trouver ce tutoriel?<br />
<input type="radio" name="comment" value="1">Super bien<br />
<input type="radio" name="comment" value="2">Assez bien<br />
<input type="radio" name="comment" value="1">Nul<br />
<input type="submit" value="Envoyer">
</form>


Si vous rencontrer des problèmes dans un script, c'est que j'ai mal taper le code ici,dans ce cas,merci de me prévenir.

On met les codes en mode source.


Dernière édition par modelisation le 04.09.2012, 20:15; édité 3 fois
Message25/10/2008, 11 11 07 (UTC)    
Sujet du message:

Il y a bien sûr plusieurs moyens d'envoyer un message,
il y a la façon "mailto" (je vais vous est expliquer comment le faire plus haut).
Mais il y a aussi la façon php,
maheureusement vous ne pouvez pas le faire sur votre site web avec fr.gd
Mais je vous propose quelque chose.

Tout le monde sais que j'ai hebergeur payant,donc je peux introduire par ftp des pages en php dans ma base de donnée.

Donc,comme je suis extrèmement gentil,je vous propose:
*Vous faites votre page de contact,qui contiendra vos widgets,tout la "bazarre" pour le visiteur(pour qu'il remplissent).
*Ensuite vous faites le script php pour le contrôle des champs et pour lenvoi du formulaire à votre boîte email.

Et moi j'incruste la page php sur sur ma base de donnée.
Et voilà,vous avez votre contrôle de formulaire.



Autre solution plus simple encore,
vous passer par cette page web.
C'est un générateur de formulaire.
Voici le résultat obtenu:
http://web-composants.com/contact.html



C'est très simple,suivez le guide. Very Happy
Montrer les messages depuis:   


Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com