Formulaire

Bonjour,

Je suis tout nouveau dans la programmation et j'apprend un petit peu sur le tas...
Je suis en train de réaliser un formulaire pour mon site (ci-dessous mon form)
Je me perd dans la multitude d'info sur la toile pour réaliser la chose suivante:
Je souhaite que le formulaire une fois rempli et validé par l'utilisateur s'affiche dans une nouvelle page pour que l'utilisateur puisse l'imprimer.

Quelqu'un pourrait m'aider à la réalisation d'un code ???
Je suis au bout de mes recherches :(
Merci d'avance
<HTML>

<form style="width: 850px; height: 1200px" onsubmit="" method="post" action="" name="savform">
<fieldset style="background-image: url(http:///media/images/background-form.png); border-bottom: #ff6600; border-left: #ff6600; padding-bottom: 8px; text-transform: capitalize; font-style: italic; margin: 3px; padding-left: 8px; width: 800px; padding-right: 8px; height: 1150px; border-top: #ff6600; border-right: #ff6600; padding-top: 8px">
<p><legend style="font-style: italic; color: #ffcc00; font-size: 12px; font-weight: bold"></legend></p>
<div style="background-image: url(http:///media/images/background-title.png); padding-bottom: 8px; margin: 3px; padding-left: 8px; width: 775px; padding-right: 8px; height: 20px; padding-top: 8px" align="left"><span style="font-family: Arial; color: #000000; font-size: 14px"><strong style="font-size: 14px">Informations Clients</strong></span></div>
<div> </div>
<!-- Titre du fieldset -->
<!-- align='left'
<p-->
<div align="left"><label for="nom"><span style="color: #000000">Votre Nom</span></label><br />
</div>
<div align="left"><input style="background-color: #000000; width: 200px; height: 30px; color: #ffffff" id="nom" tabindex="10" name="nom" type="text" value=""/></div>
<div> </div>
<div align="left"><label for="prenom"><span style="color: #000000">Votre Prénom</span></label><br />
</div>
<div align="left"><input style="background-color: #000000; width: 200px; height: 30px; color: #ffffff" id="prenom" tabindex="20" size="13" name="prenom" type="text" value=""/></div>
<div align="left"> </div>
<div align="left"><label for="email"><span style="color: #000000">Votre adresse email</span></label></div>
<div align="left"><input style="background-color: #000000; width: 200px; height: 30px; color: #ffffff" id="email" tabindex="30" name="email" autocomplete="OFF" type="text" value=""/><br />
</div>
<p> </p>
<p><legend style="font-style: italic; color: #ffcc00; font-size: 12px; font-weight: bold"></legend></p>
<div style="background-image: url(/media/images/background-title.png); padding-bottom: 8px; margin: 3px; padding-left: 8px; padding-right: 8px; padding-top: 8px" align="left"><span style="text-transform: none; color: #000000"><strong style="font-size: 14px">Informations sur le produit à retourner dans nos services</strong></span></div>
<!-- Titre du fieldset -->
<p><span style="color: #ffffff; font-weight: bold"><label style="text-transform: none; color: #000000" for="ref">N° de référence de la montre<br />
(Elle se trouve gravée au dos de la montre et se compose de 4 chiffres)</label></span><strong style="color: #ffffff"><br />
</strong><strong></strong></p>
<p><input style="background-color: #000000; width: 200px; height: 30px; color: #ffffff" id="ref" tabindex="10" name="ref" type="text" value=""/><br />
</p>
<p><label style="text-transform: none; color: #000000" for="ref"><strong>Garantie<br />
</strong>(Dans le cas où votre montre est encore couverte par la garantie 24 mois,<br />
il est <span style="color: #ffcc00"><strong>impératif de joindre la carte de garantie </strong></span>qui vous a été délivrée le jour de votre achat)</label><br style="color: #000000" />
</p>
<p><input id="oui" tabindex="40" value="oui" type="radio" name="garantie" /> <label for="oui"><span style="color: #000000">Oui</span></label><br />
<input id="non" tabindex="50" value="non" type="radio" name="garantie" /> <label for="non"><span style="color: #000000">Non</span></label></p>
<div> </div>
<p><legend style="font-style: italic; color: #ffcc00; font-size: 12px; font-weight: bold"></legend></p>
<div style="background-image: url(http:///media/images/background-title.png); padding-bottom: 8px; margin: 3px; padding-left: 8px; padding-right: 8px; padding-top: 8px" align="left"><span style="text-transform: none; color: #000000; font-size: 14px"><strong>Description de la panne</strong></span><span style="text-transform: none; color: #ffcc00"><strong style="font-size: 14px"><br />
</strong></span></div>
<p><label style="text-transform: none; color: #000000" for="description panne">Décrire la panne ou les travaux à réaliser sur la montre</label><br style="color: #000000" />
<textarea style="background-color: #000000; width: 500px; height: 200px; color: #ffffff" id="description panne" tabindex="80" rows="4" cols="40" name="description panne"type="text" value=""></textarea></p>
<div> </div>
<p><legend style="font-style: italic; color: #ffcc00; font-size: 12px; font-weight: bold"></legend></p>
<div style="background-image: url(/media/images/background-title.png); padding-bottom: 8px; margin: 3px; padding-left: 8px; padding-right: 8px; padding-top: 8px" align="left"><span style="text-transform: none; color: #000000"><strong style="font-size: 14px">Renvoyer votre montre</strong></span></div>
<div style="text-transform: none"> </div>
<div> <span style="text-transform: none; color: #000000">Nous vous recommandons d'utiliser du papier bulle pour emballer votre montre afin qu'elle soit protégée durant le transport et de l'expédier par la Poste en 'Colissimo' à l'adresse ci-dessous :</span><span style="text-transform: none; color: #ffffff"><br />
</span></div>
<div> </div>
<div align="center"><span style="color: #000000; font-size: 14pt"> </span></div>
<div align="center"><span style="color: #000000; font-size: 14pt">Service Après-Vente<br />
</span></div>
<div align="center"><span style="color: #000000; font-size: 14pt"> Montfleury<br />
</span></div>
<div align="center"><span style="color: #000000; font-size: 14pt">06400 Cannes</span></div>
<div align="center"><span style="color: #000000; font-size: 14pt">France</span><span style="color: #ffffff; font-size: 14pt"> </span></div>
</fieldset>

<div align="center"><INPUT type="submit" value="Envoyez" />
</form>
<HTML>

1 réponse

  1. Bonsoir,
    Je te fais le script pour afficher les infos du formulaire dans une page imprimable et en contrepartie (commerciale) tu m'envoies la montre référence Aviamatic Phantom ;-)
    1. Avec plaisir! ;)
      je ne l'aurais que dans 1 mois par contre...
    2. sinon je t'en propose une autre ;)
    3. Voilà c'est fini...
      La page récapitule les infos entrées par l'utilisateur dans le formulaire, à savoir :
      - Nom
      - Prénom
      - Email
      - Numéro de référence de la montre
      - Garantie ou hors-garantie
      - Description de la panne ou des travaux à effectuer

      Suggestion : il serait bon de reporter sur cette page l'adresse de votre société ainsi qu'un numéro de téléphone commercial
    4. Ouaw trop cool! tu es trop fort!
      Je te laisse mon email alex.df@wanadoo.fr pour en discuter ensemble et puis aussi pour ton cadeau... ;)
    5. Je fignole tout ça, le met en ligne et on discute des conditions par mail sur ton adresse ci-dessus...