Forums Zebulon.fr: Formulaire JavaScript - Forums Zebulon.fr

<form style="width: 850px; height: 1200px" onsubmit="" method="post" action="" name="savform">
<fieldset style="background-image: url(); 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(); 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(); 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(); 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(); 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"><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>

<html>
<head>
<title>Mon formulaire</title>
<link rel="stylesheet" type="text/css" media="screen" href="stylecran.css">
<link rel="stylesheet" type="text/css" media="print" href="styleimpr.css">
</head>
<body>
<form onsubmit="" method="post" action="" name="savform">
<fieldset>
<p class="client">
<strong>Informations Client</strong><br>
<br><label for="nom">Votre Nom</label>
<br><input class="simple" id="nom" name="nom" type="text" value=""/>
<br>Votre Prénom
<br><input class="simple" id="prenom" size="13" name="prenom" type="text" value=""/>
<br><label for="email">Votre adresse email</label>
<br><input class="simple" id="email" name="email" autocomplete="OFF" type="text" value=""/>
</p>
<p class="produit">
<strong>Informations sur le produit à retourner dans nos services</strong><br>
<br><label 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>
<br><input class="simple" id="ref" name="ref" type="text" value=""/><br>
<br><label for="ref"><strong>Garantie</strong>
<br>(dans le cas où votre montre est encore couverte par la garantie 24 mois,
<br>il est <strong class="orange">impératif de joindre la carte de garantie </strong>qui vous a été délivrée le jour de votre achat)
</label><br>
<br><input id="oui" value="oui" type="radio" name="garantie" /> <label for="oui">Oui</label>
<br><input id="non" value="non" type="radio" name="garantie" /> <label for="non">Non</label><br>
<br><strong>Description de la panne</strong><br>
<br><label for="description panne">Décrire la panne ou les travaux à réaliser sur la montre</label>
<br><textarea id="description panne" tabindex="80" rows="4" cols="40" name="description panne"type="text" value=""></textarea><br>
<br><strong>Renvoyer votre montre</strong><br>
<br>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 :
</p>
<p class="adresse">Service Après-Vente<br>06400 Cannes<br>France</p>
</fieldset>
<p align="center"><input type="submit" value="Envoyez" /></p>
</form>
</body>
</html>

body {font-family: Arial;
color: #000;
font-size: 14px;
}
form {width: 650px}
fieldset {width: 640px;
border: 1 solid #F60;
padding: 8px;
margin: 3px;
}
.client {padding: 8px;
margin: 3px;
text-align:left;
}
.produit {padding: 8px;
margin: 3px;
text-align:left;
}
.adresse {text-align:center;
font-size: 18px;
}
.simple {background-color: #000;
width: 200px;
height: 30px;
color: #FFF;
}
textarea {background-color: #000;
width: 500px;
height: 200px;
color: #FFF;
}
.orange {color: #C60}