Formulaire
Alex
-
alexferny Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
alexferny Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
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>
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>
je ne l'aurais que dans 1 mois par contre...
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
Je te laisse mon email alex.df@wanadoo.fr pour en discuter ensemble et puis aussi pour ton cadeau... ;)