Aide formulaire html
billantwi
-
Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention -
Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention -
Bonjour, je viens de voir ce formulaire html sur ce site et j'aimerai le modifier mais je en sais comment car je suis un débutant. pouvez vous me montrer ou dois-je mettre mon adresse email dans ce formulaire afin de recevoir les messages? aussi ou dois-je mettre l'adresse de mon site après la validation du formulaire? merci de bien vouloir m'aider
voici le code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<tr><td height="20" colspan="7" align="center"></td></tr><tr><td height="2"></td><td colspan="3"></td><td width="16"></td></tr></table></td><td colspan="3" valign="top" background="images/textdi.gif?template=av-198&colorScheme=red&header=headers1&button=buttons3" width="100%" height="100%"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="41"><table height="45" border="0" cellpadding="0" cellspacing="0"><tr><td width="5" rowspan="2"></td><td height="15" colspan="2"></td></tr><tr><td height="26" valign="bottom" class="text-header">S'inscrire à abidown mail</td><td valign="bottom"><img src="images/text.gif?template=av-198&colorScheme=red&header=headers1&button=buttons3" hspace="3"></td></tr></table></td></tr><tr><td colspan="2" valign="top" width="100%" height="100%" class="pageContent" style="padding:10px 20px 10px 5px"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="pageContent" name="SB_stretch" width="100%" valign="top"><style type="text/css">@import url(resources/css/styles.css);</style><style type="text/css">@import url(resources/css/styles_ext.css);</style><script src="resources/js/validator.js">void(1);</script><script src="resources/js/utils.js">void(1);</script><script type="text/javascript" language="javascript"><!--
function validateForm() {
if (validateField('SB_Validator.notEmpty', 'name', 'Veuillez saisir le nom d\'utilisateur.')
&& validateField('SB_Validator.notEmpty', 'email', 'Veuillez saisir une adresse mail.')
&& validateField('SB_Validator.isEmail', 'email', 'Format de l\'adresse mail incorrect.')
&& validatePassword()
// && validateField('SB_Validator.notEmpty', 'first_name', 'Veuillez saisir un prénom.')
// && validateField('SB_Validator.notEmpty', 'last_name', 'Veuillez indiquer un nom de famille.')
// && validateField('SB_Validator.notEmpty', 'phone_number', 'Veuillez saisir un numéro de téléphone.')
&& (document.getElementById('phone_number').value=='' || validateField('SB_Validator.isPhone', 'phone_number', 'Format du numéro de téléphone incorrect.'))
// && validateField('SB_Validator.notEmpty', 'address1', 'Veuillez indiquer une adresse.')
// && validateField('SB_Validator.notEmpty', 'country', 'Veuillez indiquer un pays.')
// && validateField('SB_Validator.notEmpty', 'zip', 'Veuillez saisir un code zip.')
) {
document.forms['user'].submit();
return true;
} else {
return false;
}
}
function validatePassword() {
return validateField('SB_Validator.notEmpty', 'password', 'Veuillez saisir le mot de passe.')
&& validateField('SB_Validator.notEmpty', 'confirmPassword', 'Veuillez confirmez votre mot de passe.')
&& extendedValidateField("SB_Validator.isEqual(document.getElementById('password').value, document.getElementById('confirmPassword').value)", 'confirmPassword', 'Le mot de passe et sa confirmation ne sont pas identiques.');
}
//--></script><form method="post" name="user">
<input type="hidden" name="moduleLoginAction" value="register"><table cellpadding="0" cellspacing="0" width="100%" border="0"><tr><td colspan="2" style="padding: 5px;"><table cellpadding="10" cellspacing="0" border="0" width="100%" class="mod-form" style="margin: 10px 0;" align="center"><tr><td>
<b><span class="mod-form-title">Se connecter</span></b><div class="mod-form-hr" style="height:1px;"><span></span></div>
<table cellpadding="5" cellspacing="0" width="100%" class="mod-form" style="margin: 10px 0; border: 0;">
<tr>
<td width="30%">Nom d'utilisateur
<span class="requiered" id="name_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="name" name="name" value=""></td>
</tr>
<tr>
<td width="30%">E-mail
<span class="requiered" id="email_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="email" name="email" value=""></td>
</tr>
<tr>
<td width="30%">Mot de passe
<span class="requiered" id="password_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="password" name="password" value="" type="password"></td>
</tr>
<tr>
<td width="30%">Confirmation du mot de passe
<span class="requiered" id="confirmPassword_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="confirmPassword" name="confirmPassword" value="" type="password"></td>
</tr>
</table>
<br><b><span class="mod-form-title">Coordonnées</span></b><div class="mod-form-hr" style="height:1px;"><span></span></div>
<table cellpadding="5" cellspacing="0" width="100%" class="mod-form" style="margin: 10px 0; border: 0;">
<tr>
<td width="30%">Prénom</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="first_name" name="first_name" value=""></td>
</tr>
<tr>
<td width="30%">Nom de famille</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="last_name" name="last_name" value=""></td>
</tr>
<tr>
<td width="30%">Société</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="company" name="company" value=""></td>
</tr>
<tr>
<td width="30%">Téléphone</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="phone_number" name="phone_number" value=""></td>
</tr>
<tr>
<td width="30%">Adresse 1</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="address1" name="address1" value=""></td>
</tr>
<tr>
<td width="30%">Adresse 2</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="address2" name="address2" value=""></td>
</tr>
<tr>
<td width="30%">Pays</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="country" name="country" value=""></td>
</tr>
<tr>
<td width="30%">Ville</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="city" name="city" value=""></td>
</tr>
<tr>
<td width="30%">Etat</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="state" name="state" value=""></td>
</tr>
<tr>
<td width="30%">ZIP</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="zip" name="zip" value=""></td>
</tr>
</table>
<br><div align="right" style="margin-top: 10px;">
<input type="submit" name="register" class="mod-form-button" onclick="validateForm(); return false;" value="S'inscrire puis se connecter"><input type="button" name="Cancel" class="mod-form-button" value="Annuler" onclick='document.location.href="/page33.php"; return false;'>
</div>
</td></tr></table></td></tr></table>
</form>
</body></html>
voici le code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<tr><td height="20" colspan="7" align="center"></td></tr><tr><td height="2"></td><td colspan="3"></td><td width="16"></td></tr></table></td><td colspan="3" valign="top" background="images/textdi.gif?template=av-198&colorScheme=red&header=headers1&button=buttons3" width="100%" height="100%"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td height="41"><table height="45" border="0" cellpadding="0" cellspacing="0"><tr><td width="5" rowspan="2"></td><td height="15" colspan="2"></td></tr><tr><td height="26" valign="bottom" class="text-header">S'inscrire à abidown mail</td><td valign="bottom"><img src="images/text.gif?template=av-198&colorScheme=red&header=headers1&button=buttons3" hspace="3"></td></tr></table></td></tr><tr><td colspan="2" valign="top" width="100%" height="100%" class="pageContent" style="padding:10px 20px 10px 5px"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td class="pageContent" name="SB_stretch" width="100%" valign="top"><style type="text/css">@import url(resources/css/styles.css);</style><style type="text/css">@import url(resources/css/styles_ext.css);</style><script src="resources/js/validator.js">void(1);</script><script src="resources/js/utils.js">void(1);</script><script type="text/javascript" language="javascript"><!--
function validateForm() {
if (validateField('SB_Validator.notEmpty', 'name', 'Veuillez saisir le nom d\'utilisateur.')
&& validateField('SB_Validator.notEmpty', 'email', 'Veuillez saisir une adresse mail.')
&& validateField('SB_Validator.isEmail', 'email', 'Format de l\'adresse mail incorrect.')
&& validatePassword()
// && validateField('SB_Validator.notEmpty', 'first_name', 'Veuillez saisir un prénom.')
// && validateField('SB_Validator.notEmpty', 'last_name', 'Veuillez indiquer un nom de famille.')
// && validateField('SB_Validator.notEmpty', 'phone_number', 'Veuillez saisir un numéro de téléphone.')
&& (document.getElementById('phone_number').value=='' || validateField('SB_Validator.isPhone', 'phone_number', 'Format du numéro de téléphone incorrect.'))
// && validateField('SB_Validator.notEmpty', 'address1', 'Veuillez indiquer une adresse.')
// && validateField('SB_Validator.notEmpty', 'country', 'Veuillez indiquer un pays.')
// && validateField('SB_Validator.notEmpty', 'zip', 'Veuillez saisir un code zip.')
) {
document.forms['user'].submit();
return true;
} else {
return false;
}
}
function validatePassword() {
return validateField('SB_Validator.notEmpty', 'password', 'Veuillez saisir le mot de passe.')
&& validateField('SB_Validator.notEmpty', 'confirmPassword', 'Veuillez confirmez votre mot de passe.')
&& extendedValidateField("SB_Validator.isEqual(document.getElementById('password').value, document.getElementById('confirmPassword').value)", 'confirmPassword', 'Le mot de passe et sa confirmation ne sont pas identiques.');
}
//--></script><form method="post" name="user">
<input type="hidden" name="moduleLoginAction" value="register"><table cellpadding="0" cellspacing="0" width="100%" border="0"><tr><td colspan="2" style="padding: 5px;"><table cellpadding="10" cellspacing="0" border="0" width="100%" class="mod-form" style="margin: 10px 0;" align="center"><tr><td>
<b><span class="mod-form-title">Se connecter</span></b><div class="mod-form-hr" style="height:1px;"><span></span></div>
<table cellpadding="5" cellspacing="0" width="100%" class="mod-form" style="margin: 10px 0; border: 0;">
<tr>
<td width="30%">Nom d'utilisateur
<span class="requiered" id="name_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="name" name="name" value=""></td>
</tr>
<tr>
<td width="30%">E-mail
<span class="requiered" id="email_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="email" name="email" value=""></td>
</tr>
<tr>
<td width="30%">Mot de passe
<span class="requiered" id="password_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="password" name="password" value="" type="password"></td>
</tr>
<tr>
<td width="30%">Confirmation du mot de passe
<span class="requiered" id="confirmPassword_asterix">
*</span>
</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="confirmPassword" name="confirmPassword" value="" type="password"></td>
</tr>
</table>
<br><b><span class="mod-form-title">Coordonnées</span></b><div class="mod-form-hr" style="height:1px;"><span></span></div>
<table cellpadding="5" cellspacing="0" width="100%" class="mod-form" style="margin: 10px 0; border: 0;">
<tr>
<td width="30%">Prénom</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="first_name" name="first_name" value=""></td>
</tr>
<tr>
<td width="30%">Nom de famille</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="last_name" name="last_name" value=""></td>
</tr>
<tr>
<td width="30%">Société</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="company" name="company" value=""></td>
</tr>
<tr>
<td width="30%">Téléphone</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="phone_number" name="phone_number" value=""></td>
</tr>
<tr>
<td width="30%">Adresse 1</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="address1" name="address1" value=""></td>
</tr>
<tr>
<td width="30%">Adresse 2</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="address2" name="address2" value=""></td>
</tr>
<tr>
<td width="30%">Pays</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="country" name="country" value=""></td>
</tr>
<tr>
<td width="30%">Ville</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="city" name="city" value=""></td>
</tr>
<tr>
<td width="30%">Etat</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="state" name="state" value=""></td>
</tr>
<tr>
<td width="30%">ZIP</td>
<td width="70%"><input class="mod-input" style="width:100%;" maxlength="255" id="zip" name="zip" value=""></td>
</tr>
</table>
<br><div align="right" style="margin-top: 10px;">
<input type="submit" name="register" class="mod-form-button" onclick="validateForm(); return false;" value="S'inscrire puis se connecter"><input type="button" name="Cancel" class="mod-form-button" value="Annuler" onclick='document.location.href="/page33.php"; return false;'>
</div>
</td></tr></table></td></tr></table>
</form>
</body></html>
A voir également:
- Aide formulaire html
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Editeur html - Télécharger - HTML
- Formulaire de reclamation instagram - Guide
- Espace html - Astuces et Solutions
5 réponses
Pour le modifier, tu dois apprendre le XHTML.
Pour recevoir les données par email, il faut utiliser du PHP.
Ce code est de toutes façons tellement sale qu'il vaut mieux en refaire un depuis le début, pour ne pas partir sur de mauvaises bases.
Pour recevoir les données par email, il faut utiliser du PHP.
Ce code est de toutes façons tellement sale qu'il vaut mieux en refaire un depuis le début, pour ne pas partir sur de mauvaises bases.
Je ne sais poas ou tu as pris ce code et si tu l'as copier en entier ou déja un peu modifié, mais il manque :
- le DOCTYPE... au début de page
- balise </head
- des <td <tr etc entre les balise <head ?
- et sans balise <table>
des </table sans <table> d'ouveture
et pour envoyer le mail il faut dans <form name="user" method="post" action="mailto:ton_adresse_mail">
ainsi ça ouvrira le Outlook de l'utilisateur et enverra les données du formulaire chez toi
- le DOCTYPE... au début de page
- balise </head
- des <td <tr etc entre les balise <head ?
- et sans balise <table>
des </table sans <table> d'ouveture
et pour envoyer le mail il faut dans <form name="user" method="post" action="mailto:ton_adresse_mail">
ainsi ça ouvrira le Outlook de l'utilisateur et enverra les données du formulaire chez toi
En (x)HTML, c'est impossible d'envoyer un email : il est bon de savoir que pour envoyer un email, il faut un serveur SMTP ; le XHTML étant un langage côté client, le visiteur doit donc posséder ce serveur, ce qui fait que le logiciel de messagerie (Thunderbird, Outlook, ...) s'ouvre.
Tu dois donc utiliser un langage côté serveur comme le PHP. Sur le serveur (la machine), il faut aussi avoir installé un serveur SMTP (logiciel) et avoir configuré PHP pour qu'il utilise ce serveur.
Tu dois donc utiliser un langage côté serveur comme le PHP. Sur le serveur (la machine), il faut aussi avoir installé un serveur SMTP (logiciel) et avoir configuré PHP pour qu'il utilise ce serveur.
avionF16 pensait que tu utilisait un serveur local
dans le cas ou tu es hébergé il faut que tu crée un script php pour récupérer les données saisies dans le formulaire et les envoyer avec la fonction mail() de php
et dans <form ..... action="ton_sript.php">
vas voir sur le site www.siteduzero.com il doit y avoir un tuto la dessus ou tu cherches sur Google
"envoyer mail en php"
dans le cas ou tu es hébergé il faut que tu crée un script php pour récupérer les données saisies dans le formulaire et les envoyer avec la fonction mail() de php
et dans <form ..... action="ton_sript.php">
vas voir sur le site www.siteduzero.com il doit y avoir un tuto la dessus ou tu cherches sur Google
"envoyer mail en php"
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
j'ai pas trop le temps alors vas voir ce site, il te fais ça pas a pas
https://a-pellegrini.developpez.com/tutoriels/php/mail/
https://a-pellegrini.developpez.com/tutoriels/php/mail/