Statut : Résolu

Formulaire pour contact (html et css)

photomartin, le mardi 10 juin 2008 à 13:14:09

Bonjour,
Je créé ce post car je suis en train de faire mon site Internet et maintenant je suis "arrivé" à la page de Contact. Celle-ci sera composé d'un petit formulaire et devrait m'envoyer (à mon adresse eMail) le formulaire rempli pur les visiteurs... Ben, en fin, accomplir la tache de "contact" =)

En fait je suis en train de faire le site en HTML + CSS. A ce jour j'ai déjà fait le formulaire mais je ne suis pas sûr qu'il soit "correct" (sauriez-vous me confirmer cela?).
Une autre chose: existe-t-il un moyen de l'essayer? Pour voir s'il fonctionne bien et comment le formulaire rempli arriverait sur mon adresse eMail.

Voila ce que j'ai fait jusque maintenant

----------------------------------------------------------------------------------------------------------------------------------------------

CSS:

/* ----------------------------------------- Contact DIVs ----------------------------------------- */

div#contactsup
{ float: left ; width: 800px ; height: 50px ; text-align: left ; padding: 20px 100px 0px 100px; }

div#contactleft
{ float: left ; width: 577px ; height: 545px ; padding: 10px 5px 0px 5px; overflow: auto ; }

div#contactmiddle
{ float: left ; width: 6px ; height: 555px ; }

div#contactright
{ float: left ; width: 377px ; height: 545px ; padding: 10px 15px 0px 15px; overflow: auto ; background: url(../images/contactright.jpg) no-repeat ; }

/* ----------------------------------------- Formulaire ----------------------------------------- */

td
{ font-size: 85% ; font-family: "Lucida Sans", "Lucida Sans Typewriter", Lucida, sans-serif ; color: #ffffff ; }

.cadre_s .cadre_b
{ border: 5px solid #000000 ; }

.cadre_b
{ border: 5px solid #000000 ; }

.form-l
{ background-color: #000000 ; text-align: right ; color: #ffffff ; white-space: nowrap ; padding: 4px 4px 4px 30px ; }

.form-r
{ background-color: #000000 ; padding: 4px 30px 4px 4px ; }

.center
{ text-align: center ; color: #ffffff ; }

.indent
{ margin-left: 60px ; line-height: 18px ; }

.cel-1
{ background-color: #000000 }

.cel-2
{ background-color: #000000 }

----------------------------------------------------------------------------------------------------------------------------------------------

HTML:

<body>

<div id="conteneur">

<div id="header">
<div id="headerleft">
</div>
<div id="headerrightsup">
</div>
<div id="headerrightinf">
<div id="barrenav">
(...............................................)
</div>
</div>
</div>

<div id="contenu">

<div id="contactsup">
<h1>Contactez-moi</h1>
</div>

<div id="contactleft">
<br />
<h2>Formulaire</h2>
<br />

<form action="mailto:xxxxxxxxxxxxxxx@xxxxxxxxxx.xx" METHOD="post" ENCTYPE="text/plain">

<INPUT TYPE="hidden" NAME="MonNom" VALUE="fr">

<table cellspacing="1" align="center" id="contactfr">

<tr>
<td class="form-l"><label for="comments">Situation:</label><br></td>
<td class="form-r"><input type="radio" name="situation" /> Monsieur <input type="radio" name="sex" /> Madame <input type="radio" name="sex" /> Mademoiselle <br></td>
</tr>

<tr>
<td class="form-l">Nom<br></td>
<td class="form-r"><input type="text" name="nom" value="" size="35" maxlength="50"><span style="display:none">Email<input type="text" name="email" value="" size="1" maxlength="50"><select name="yallc[]" size="1" multiple><option value="e" selected></option><option value="w" selected></option></select><textarea name="message" cols="1" rows="1"></textarea></span><br></td>
</tr>

<td class="form-l">Pays / Ville <br></td>
<td class="form-r"><input type="text" name="geo" value="" size="35" maxlength="100"><br></td>
</tr>

<tr>
<td class="form-l">Email<br></td>
<td class="form-r"><input type="text" name="email" value="" size="35" maxlength="100"><br></td>
</tr>

<tr>
<td class="form-l">Téléphone<br></td>
<td class="form-r"><input type="text" name="tel" value="" size="35" maxlength="18"><br></td>
</tr>

<tr>
<td class="form-l" valign="top">Message<br></td>
<td class="form-r"><textarea name="in[texte]" rows=8 cols="50"></textarea><br></td>
</tr>

<tr>
<td class="form-l"> <br></td>
<td class="form-r"><input type="submit" name="submit" value="Envoyer"><br></td>
</tr>

</table>

</form>

</div>

<div id="contactmiddle">
(.......................................................)
</div>

<div id="contactright">
(.......................................................)
</div>

<div id="footer">
(.......................................................)
</div>

</body>

----------------------------------------------------------------------------------------------------------------------------------------------

Merci d'avancer pour votre aide ;)

PhotoMartin

Configuration: Windows XP
Firefox 2.0.0.14

Répondre à photomartin Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

photomartin, le samedi 14 juin 2008 à 22:19:06

Bonjour

Personne sait m'aider?

Merci

PhotoMartin

Répondre à photomartin

1Ce message vous semble utile, votez !
Ce message ne vous semble pas utile, votez !
Signaler ce message aux modérateurs

letoine, le samedi 14 juin 2008 à 22:41:43

Salut

le :

<form action="mailto:xxxxxxxxxxxxxxx@xxxxxxxxxx.xx" METHOD="post" ENCTYPE="text/plain">

Ca m'étonnerait que ce soit très pratique (ca marche au moins ?).
Il te faut un script PHP (ou un autre langage mais je pense que php est plus simple)

Remplace par :

<form action="suite.php" METHOD="post" ENCTYPE="text/plain">

Et dans "suite.php" tu met un script php pour mailler !

Regarde ces deux tutos très complais sur les formulaires et la fonction mail :
http://www.siteduzero.com/tuto-3-196-1-les-formulaires.html
http://www.siteduzero.com/tuto-3-27511-1-mail-envoyer-un-mail-en-php.html

Voila bonne lecture et bonne chance Qui peut le plus peut le moins

Répondre à letoine

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

photomartin, le samedi 14 juin 2008 à 22:56:55

Merci pour le message

Suis-je "obligé" d'utiliser du PHP? Car j'ai travaillé en HTML et CSS et je ne voudrais pas utiliser un "code" que je ne connais pas... Je croyais qu'en HTML c'était possible.

Sinon, merci pour les liens, je vais voir =)

Amicalement

PhotoMartin

Répondre à photomartin

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

letoine, le samedi 14 juin 2008 à 23:19:47

En html c'est possible mais l'utilisateur va se voir ouvrir Outlouk et c'est vraiment désagréable....
Ca fait ramer voir planter le pc si tu clique plusieurs fois, et si tu es sous linux baheuuu faudrait tester ^^

Sinon tu peux utiliser CGI mais bon connais pas.
PHP utilise un serveur STMP c'est simple et efficace, je te conseille ca, beaucoup de sites l'utilise d'ailleurs Qui peut le plus peut le moins

Répondre à letoine

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

photomartin, le mardi 17 juin 2008 à 11:54:14

Merci, tu avais raison, le PHP donne de nouvelles posibilitées et ce n'est pas si difficile que ça =)

Merci encore une fois

Martin

Répondre à photomartin

Posez votre question Répondre

Aide : HTML & CSS (Résolu)Bonjour, Je commence à faire les codes HTML & CSS pour mon futur site web. Je suis débutant et j'ai de la difficulté pour certaines affaires... Mais j'ai présentement un problème avec le fichier du code CSS. Je marque ceci dans le fichier... www.commentcamarche.net/forum/affich-7889633-aide-html-css

Placement image sur autre image - html/css (Résolu)Bonjour, j'aimerais savoir comment fait on pour positionner une image (un bouton par exemple réalisé sous photoshop) sur une autre image (en html/css). Concretement : j'ai réalisé une feuille de papier sous photoshop et j'aimerais... www.commentcamarche.net/forum/affich-4830813-placement-image-sur-autre-image-html-css

[html/css] Demande conseil pour balise DIV (Résolu)Bonjour, Alors voilà: Je suis donc un webmaster aspirant, c'est à dire: un maternelle à l'école du html/css. Je m'entraîne donc à créer plusieurs pages web et mini-sites en m'aidant des tutos sur le net ect. Mon problème: Je... www.commentcamarche.net/forum/affich-7844739-html-css-demande-conseil-pour-balise-div

Créer un site beau, dynamique et respectueux des standardsVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de... www.commentcamarche.net/faq/sujet-1073-creer-un-site-beau-dynamique-et-respectueux-des-standards

Comment débuter, quel langage?Comment débuter, quel langage? Introduction Ceux que l'on peut utiliser Delphi/Pascal Java Python .Net Smalltalk Ceux que l'on peut utiliser à la rigueur C/C++ PHP Ada Lisp/Caml/... Ceux que l'on peut ne pas utiliser (x)HTML/CSS www.commentcamarche.net/faq/sujet-457-comment-debuter-quel-langage

[Site web] Vérifier, optimiser et nettoyer son code HTMLLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML... www.commentcamarche.net/faq/sujet-5355-site-web-verifier-optimiser-et-nettoyer-son-code-html

[i] HTML\CSS\\. (Résolu)AVE à tous ;) ! Ou puis-je trouver des tutos en français pour HTML, CSS... car je construit un profil sur 'hi5' et je suis même pas foutu de patcher une image pour faire mon fond d'écran...Oui oui je suis complétment novice, j'ai... www.commentcamarche.net/forum/affich-2803927-i-html-css

Ecriture d'un code HTML , CSS ... (Résolu)Bonjour, voila pour écrit un code code : -HTML, CSS et autre vaut-il mieux prendre un logiciel comme : -Dreamweaver -FrontPage -autre... Ou tout simplement utiliser un éditeur de Texte comme :le Bloc note, Notepad++ Ya t-il une différence entre les... www.commentcamarche.net/forum/affich-3857080-ecriture-d-un-code-html-css

HTML/CSS Colorer un mot précis à chaque fois. (Résolu)Bonjour la communauté. Je souhaite publier du code C sur un site web (programmé en HTML/CSS/PHP). Pour cela j'aimerais une coloration syntaxique, et donc, je souahiterais pouvoir colorer (grâce à ma CSS si possible) un mot précis (par exemple... www.commentcamarche.net/forum/affich-3160748-html-css-colorer-un-mot-precis-a-chaque-fois

Télécharger PSPadPSPad est un excellent éditeur de texte. Il est utile pour travailler sur du simple texte, mais aussi sur du HTML, CSS, Javascript, php ou autres langages de programmation (C++, Java, Python...). Les fonctionnalités sont impressionnantes: ... www.commentcamarche.net/telecharger/telecharger-133-pspad

L'AJAX pour tous par GooglePour ceux qui auraient la tête dans le sable depuis plusieurs mois, AJAX est la technologie à la mode. Ce n'est rien de plus qu'une combinaison de technologies existantes depuis plusieurs années (HTML+CSS+Javascript+DOM+XmlHttpRequest), mais elle... www.commentcamarche.net/actualites/l-ajax-pour-tous-par-google-2237409-actualite.php3

HTML - Formulaires Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains magazines. Le lecteur... www.commentcamarche.net/html/htmlform.php3

PHP - Récupération de données PHP rend très simple la récupération de données envoyées par l'intermédiaire de formulaires HTML. Grâce à la balise FORM du langage HTML, il est très simple de créer des formulaires comprenant : des champs de saisie des cases à cocher des boutons... www.commentcamarche.net/php/phpform.php3

CSS - Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec des éléments indiquant d'une part le... www.commentcamarche.net/css/cssimplant.php3

Toutes les réponses pour « Formulaire pour contact (html et css) »