Forum Clubic

Problème sur un formulaire html - Help

Salut à tous
Je débute dans la création de sites web et je suis confronté à un terrible problème:
Comment fait-on un formulaire mail?
J’ai essayé de me reseigner sur le net mais les explications ne sont pas toujours très évidentes.
Je mets ci dessous le code du fichier que j’ai commencé (il est truffé de problèmes mais c’est un peu du chinois pour moi).
Quelqu’un aurait il la patience de m’expliquer un peu ce que veulent dire ces lignes de codes, et me dire où sont les erreurs?

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html?gt;
<head>
<meta content=“text/html; charset=ISO-8859-1”
http-equiv=“content-type”>
<title>Sondage studio</title>
</head>
<body
style=“background-color: rgb(255, 204, 153); color: rgb(0, 0, 0);”
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<form method=“post” enctype=“text/plain”
action="mailto:luc.villalba@wanadoo.fr"> <input name=“To”
value=“R&eacute;pose questionnaire” type=“hidden”></form>
<div
style=“text-align: center; background-color: rgb(255, 204, 153);”><big><big><big><big>Sondage
studio d’enregistrement<br>
</big></big></big></big></div>
<font><br>
<br>
Quel est votre age?<br>
<input value=“Votre texte” maxlength=“100” size=“50”
name=“Age”><br>
<br>
</font><font>Quelle est votre situation professionelle?<br>
<input value=“1” name=“Salari&eacute;” type=“radio”>Salari&eacute;<br>
<input value=“1” name=“Etudiant” type=“radio”>Etudiant<br>
</font><font><input value=“1” name=“Sans emploi”
type=“radio”>Sans emploi</font><br>
<font><br>
</font><font>Combien allez-vous voir de concerts par an?<br>
<input value=“1” name=“0” type=“radio”>0<br>
<input value=“1” name="-de5" type=“radio”>-
de 5<br>
</font><font><input value=“1” name=“entre5et10”
type=“radio”>Entre 5 et 10<br>
</font><font><input value=“1” name="+de10"
type=“radio”>+ de 10<br>
<br>
</font><font>Combien achetez-vous de disques par an?<br>
<input value=“1” name=“0” type=“radio”>0<br>
<input value=“1” name="-de5" type=“radio”>-
de 5<br>
</font><font><input value=“1” name=“entre5et10”
type=“radio”>Entre 5 et 10<br>
</font><font><input value=“1” name="+de10"
type=“radio”>+ de 10<br>
<br>
</font><font>Quel est, selon vous, le prix correct de vente
d’un CD 10 titres autoproduit?<br>
<input value=“1” name=“6&euro;” type=“radio”>6&euro;<br>
<input value=“1” name=“7&euro;” type=“radio”>7&euro;<br>
</font><font><input value=“1” name=“8&euro;”
type=“radio”>8&euro;<br>
</font><font><input value=“No” name=“9&euro;”
type=“radio”>9&euro;<br>
</font><font><input value=“Yes” name=“10&euro;”
type=“radio”>10&euro;<br>
</font><font><input value=“No” name="+de10&euro;"
type=“radio”>+ de 10&euro;</font><font><br>
<br>
Etes vous musicien?<br>
</font><font><input value=“Yes” name=“oui”
type=“radio”>Oui<br>
<input value=“No” name=“non” type=“radio”>Non<br>
<br>
Si non, le questionnaire s’arr&ecirc;te l&agrave;, et si oui,
vous pouvez continuer.<br>
<br>
</font><font>Quel instrument pratiquez-vous?<br>
<input value=“Votre texte” maxlength=“100” size=“50”
name=“Instrument”><br>
<br>
Depuis combien de temps?<br>
<input value=“Votre texte” maxlength=“100” size=“50”
name=“Temps d’instrument”><br>
<br>
Jouez-vous seul ou dans un groupe?<br>
<input value=“Votre texte” maxlength=“100” size=“50”
name=“Seul ou groupe”><br>
<br>
</font><font>Avez-vous une d&eacute;mo ou un album?<br>
<input value=“Yes” name=“oui” type=“radio”>Oui<br>
<input value=“No” name=“non” type=“radio”>Non<br>
<br>
</font><font>Seriez-vous int&ecirc;ress&eacute;
pour enregistrer une d&eacute;mo ou un album?<br>
<input value=“Yes” name=“oui” type=“radio”>Oui<br>
<input value=“No” name=“non” type=“radio”>Non<br>
<br>
</font><font>Quel serait votre budget pour enregistrer une
d&eacute;mo ou un album?<br>
<input value=“Votre texte” maxlength=“100” size=“50”
name=“Budjet”><br>
</font><br>
<font>Quand pr&eacute;f&eacute;rez-vous enregistrer?<br>
<input value=“No” name=“weekend” type=“radio”>Le
week end<br>
</font><font><input value=“No” name=“semaine”
type=“radio”>En semaine<br>
</font><font><input value=“No” name=“vacances”
type=“radio”>Pendant les
vacances</font><br>
<br>
Combien de kilom&egrave;tres aller/retour seriez-vous
pr&ecirc;ts &agrave; faire pour enregistrer?<br>
<font><input value=“No” name="-de75" type=“radio”>-
de 75km<br>
</font><font><input value=“No” name=“entre75et150”
type=“radio”>Entre 75 et 150km<br>
</font><font><input value=“No”
name=“entre150et300” type=“radio”>Entre 150 et
300km<br>
</font><font><input value=“No” name="+de300"
type=“radio”>+ de 300km<br>
<br>
</font><font>Avez-vous d&eacute;j&agrave;
enregistr&eacute; dans un studio?<br>
<input value=“Yes” name=“oui” type=“radio”>Oui<br>
<input value=“No” name=“non” type=“radio”>Non</font><br>
<font><br>
<br>
<input
style=“background: rgb(153, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-family: comic sans ms;”
value=“Envoyer” type=“submit”><img alt=“spacer”
src=“http://www.lissaexplains.com/spacer.gif” height=“1”
width=“5”> <input
style=“background: rgb(153, 153, 255) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; font-family: comic sans ms;”
value=“Recommencer” type=“reset”></font>
</body>
</html?gt;

Je vous remercie d’avance

C’est affolant :smiley:

<big><big><big><big>Sondage
studio d’enregistrement<br>
</big></big></big></big
? 4x <big> ?
les <font></font> servent à quoi, puisque tu ne leur définit aucun attribut ? (<font size=> <font color=>)
De plus, le CSS est recommandé…

Pour envoyer un mail, tu peux utiliser un langage permettant de le faire (ex. php asp jsp …)
Ces langages ont une fonction permettant l’envoi de mails.
Le HTML seul ne peut pas le faire.

En fait j’ai repris des exemples que j ai trouvé sur le net ---->http://www.lissaexplains.com/french/html4.shtml#form

J’ai fait un copier/coller à partir de la et apres j ai changé les champs dans la fenetre apercu. Je sais que c’est une methode “barbare”, y a qu a voir les <font></font>

Quoi qu’il en soit, comment fait on pour changer de langage?
Pourrait tu me donner quelques tuyaux parce que la je patauge et j’aimerait comprendre un peu comment marchent ces lignes de codes.
Merci

Bonjour,

Je te prierai de mettre le langage informatique dans le titre, tel que requis par la charte du forum programmation - pour une meilleure compréhension les uns des autres.

A lire :
http://www.clubic.com/forum/charte-du-foru…on-t306797.html

Pour éditer:
Suffit de cliquer sur ce bouton, dans ton message : http://www.clubic.com/forum/style_images/persoclubic/editer.gif

(note : ce message est un gros copier coller, ne pas répliquer derrière)

Bonjour,
Si on peut aider, il faut essayer…

Voici un formulaire qui permet d’avoir les éléments dont on peut avoir besoin dans un formulaire:
<html?gt;
<head>
<title>Mon formulaire</title>
<style type=“text/css”>
body {
background: #00aacc;
}
.largeur1 {
float: left;
width: 130px;
font-weight: bold;
}

</style>
</head>
<body>

<form name="MonFormulaire" method="post" action="mailto:luc.villalba@wanadoo.fr?subject=Formulaire" enctype="text/plain">
<div>
<div>
<div class="largeur1">Civilité:</div>
<input type="radio" name="civilite" value="Mme" /> Madame
<input type="radio" name="civilite" value="Mlle" /> Mademoiselle
<input type="radio" name="civilite" value="Mr" /> Monsieur
</div>
<div>
<div class="largeur1">Age:</div>
<input type="radio" name="age" value="0-19" /> moins de 20 ans
<input type="radio" name="age" value="20-50" checked /> de 20 à 50 ans
<input type="radio" name="age" value="+50" /> plus de 50 ans
</div>
<div>
<div class="largeur1">Nom:</div>
<input type="text" name="nom" size="30" />
</div>
<div>
<div class="largeur1">Prénom:</div>
<input type="text" name="prenom" size="30" />
</div>
<div>
<div class="largeur1">E-Mail:</div>
<input type="text" name="email" size="50" />
</div>
<div>
<div class="largeur1">Permis:</div>
<input type="checkbox" name="PermisA" value="oui" /> Permis A
<input type="checkbox" name="PermisB" value="oui" /> Permis B
<input type="checkbox" name="PermisC" value="oui" /> Permis C
</div>
<div>
<div class="largeur1">Votre opinion:</div>
<select name="opinion">
<option>Très satisfait</option>
<option selected>Satisfait</option>
<option>Indifférent</option>
<option>Non satisfait</option>
<option>Déçut</option>
</select>
</div>
<div>
<div class="largeur1">Remarque:</div>
<textarea name="commentaire" rows="3" cols="50"></textarea>
</div>
<input type="submit" value="Envoyer" />
<input type="reset" value=" Annuler " />
</div>
</form>
</body>
</html?gt;

Ce formulaire fonctionnait en envoie direct si un compte mail ccessible était configuré sur le poste. J’ai essayé et ça ne fonctionne plus chez moi, mais tu a cas essayer. Si ça ne marche pas, je peux te dire comment faire en asp si ton serveur d’hébergement traite l’asp et a le composant cdonts.

Bon essai…

Super! ton formulaire marche mais comment je doit m y prendre pour remplacer mes questions a moi, dois je juste remplacer les champs concernés ? et si je veut rajouter des questions?
En tout cas merci de me venir en aide

Oui, pour tes questions il suffit de mettre tes mots à la place des miens. Mais attention, si tu ajoutte des questions par copier coller, n’oublie pas de donner d’autre noms à tes input, de façon à ce que chaque input soit unique !

C’est bien si ça t’aide :slight_smile:

Dis,

Je vais pas me répéter 106 fois même si c’est un copier coller :slight_smile: tu peux me faire l’effort de mettre le langage dans le titre?

Je peux sévir sinon? :o

Désolé mais je ne sais pas quel langage j utilise et je ne sais pas comment on fait

En tous cas merci baucoup pour votre aide

Et tu cherche à faire du html sans même connaître le langage? les recherches ont du être dures hein :slight_smile:

C génial ce forum!!!!
Tu demandes de l’aide et on vient te reproche que tu n’y connait rien.
Bravo

Voila j’ai modifié la page de codes que tu m’as donné.
Ca marche tres bien et ca donne ca

<html?gt;
<head>
<title>Mon formulaire</title>
<style type="text/css">
body {
background: #00aacc;
}
.largeur1 {
float: left;
width: 130px;
font-weight: bold;
}

</style>
</head>
<body>

<form name="MonFormulaire" method="post" action="mailto:luc.villalba@wanadoo.fr?subject=Formulaire" enctype="text/plain">

<div>
<div class="largeur1" style="width: 991px; height: 104px">
<p align="center"><font size="7">Sondage</font></div>

<div>
<div class="largeur1" style="width: 431px; height: 19px">Quelle est votre situation professionnelle?:</div>
<input type="radio" name="situation" value="Salarié" /> Salarié
<input type="radio" name="situation" value="Etudiant" /> Etudiant
<input type="radio" name="situation" value="Sans emploi" /> Sans emploi

<p>&nbsp;</p>

<div class="largeur1" style="width: 432px; height: 19px">Combien allez-vous voir de concerts par an?:</div><input type="radio" name="concert" value="0" /> Aucun
<input type="radio" name="concert" value="-de5" checked /> - de 5
<input type="radio" name="concert" value="5et10" /> Entre 5 et 10
<input type="radio" name="concert" value="+de10" /> + de 10

<p>&nbsp;</p>

<div class="largeur1" style="width: 432px; height: 19px">Combien achetez-vous de disque par an?:</div><input type="radio" name="cd" value="0" /> Aucun
<input type="radio" name="cd" value="-de5" checked /> - de 5
<input type="radio" name="cd" value="5et10" /> Entre 5 et 10
<input type="radio" name="cd" value="+de10" /> + de 10

<p>&nbsp;</p>

<div class=“largeur1” style=“width: 433px; height: 19px”>Quel est selon vous le prix correct de vente d’un CD?:</div><input type=“radio” name=“prixcd” value="-de7" /> - de 7€
<input type=“radio” name=“prixcd” value=“7” checked /> 7€
<input type=“radio” name=“prixcd” value=“8” /> 8€
<input type=“radio” name=“prixcd” value=“9” /> 9€
<input type=“radio” name=“prixcd” value=“10” /> 10€
<input type=“radio” name=“prixcd” value="+de10" /> + de 10€

<p>&nbsp;</p>

<div class=“largeur1” style=“width: 990px; height: 57px”>Sivous êtes musicien, veuillez continuer le formulaire. Si vous êtes juste mélomane, le formulaire s’arrête ici pour vous mais vous pouvez quand même nous l’envoyer.:</div>
</div>
<div>
<div class=“largeur1” style=“width: 263px; height: 21px”>Quel instrument pratiquez-vous?:</div>
<input type=“text” name=“instrument” size=“30” />

<p>&nbsp;</div>

<div>
<div class="largeur1" style="width: 264px; height: 20px">Depuis combien de temps?:</div>
<input type="text" name="temps instrument" size="30" />

<p>&nbsp;</div>

<div class="largeur1" style="width: 185px; height: 19px">Vous jouez…:</div>
<input type="radio" name="pratique" value="seul" /> Seul
<input type="radio" name="pratique" value="groupe" /> En groupe

<p>&nbsp;</p>

<div class="largeur1" style="width: 185px; height: 22px">Avez-vous une démo?:</div>
<input type="radio" name="demo" value="oui" /> Oui
<input type="radio" name="demo" value="non" /> Non

<p>&nbsp;</p>

<div class="largeur1" style="width: 403px; height: 35px">Seriez-vous interréssés pour enregistrer une démo?:</div>
<input type="radio" name="recdemo" value="oui" /> Oui
<input type="radio" name="recdemo" value="non" /> Non

<p>&nbsp;</p>

<div>
<div class="largeur1" style="width: 365px; height: 22px">Quel serait votre budjet pour enregistrer une démo?:</div>
<input type="text" name="budjet" size="50" />

<p>&nbsp;</div>

<div>
<div class="largeur1" style="width: 367px; height: 15px">Préférez-vous enregistrer en semaine, en week end ou pendant les vacances?:</div>
<input type="checkbox" name="semaine" value="oui" /> Semaine
<input type="checkbox" name="weekend" value="oui" /> Week End
<input type="checkbox" name="vacances" value="oui" /> Vacances
<p>&nbsp;</div>

<div class="largeur1" style="width: 365px; height: 22px">Combien de km seriez-vous prêts à faire pour enregistrer?:</div>
<input type="text" name="distancemax" size="50" />

<p>&nbsp;</p>

<div class="largeur1" style="width: 403px; height: 35px">Avez-vous déjà enregistré dans un studio?:</div>
<input type="radio" name="dejastudio" value="oui" /> Oui
<input type="radio" name="dejastudio" value="non" /> Non

<p>&nbsp;</p>

<div>
<div class="largeur1">Remarques:</div>
<textarea name="commentaire" rows="3" cols="50"></textarea>

<p>&nbsp;</p>

</div>
<input type="submit" value="Envoyer" />
<input type="reset" value=" Annuler " />
</div>
</form>
</body>
</html?gt;

Apparemment je n’ai pas trouvé de répétitions ou trucs qui ne servent à rien

Néammoins j’ai une petite question: que veut dire <html?gt; </html?gt; ?
En tout cas merci Alsacotahitien

hé ho

Je ne te fais qu’une simple remarque hein

Ca sert (concrêtement, et logiquement) à rien d’essayer d’apprendre un langage informatique si on ne sait même pas le nom de ce langage. En l’occurrence, c’est du html.

Merci c’est fait

si vous voulez rempli le formulaire, c’est pour faire une etude de marché sur les studios d’enregistrement

http://www.kokoom.com/lataniere

Ton formulaire fonctionne sans doute, mais comme petit exercice html, tu devrais vérifier tes balises. Toute balise ouvert doit être refermée: p et div.
En fin de balise html, le ?gt; correspond au >. C’est tout !
Si tu mets tes styles dans chaque balise, tu peux l’ôter en déclaration en haut et oter les class telles que class=“largeur1”.

Amuses-toi bien à parfaire ton code.

Et aussi, utilise le tag [code] pour formatter correctement le code html sur le forum.

Il y a des petits soucis de formattage:

  • ça n’est pas aligné pareil sous FireFox, (peut-être un signe qu’il y a des erreurs de balise) tu devrais tester sous plusieurs browser: IE et soit netscape, firefox ou mozilla
  • d’autre part, ta page html doit toujours commencer par
HTML
<html>

… et finir par

HTML
</html>

et pas <html?gt; (note remplace bien le ?gt; par > car le forum fait automatiquement la transfo inverse. )
c’est une norme pour le pages html (comme en XML ou toutes les balise doivent être contenue une seule balise principal bref…)

Tu peut mettre La balise script contenant tes fonctions dans la partie <head>, éventuellement dans le body.

  • quand je lance sous IE, je vois une erreur Javascript…
  • les accents passent mal dans l’e-mail (depuis ff vers outlook) tu peux soit te passer d’accents pour éviter les problème, soit jouer avec les encodage de la page: encoder en UTF-8 ou en iso latin, en plaçant cette balise dans la partue head:
HTML
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">

voilà mes quelques remarques :slight_smile:

Merci booocoup tout le monde