Positionnement formulaire html
Cbast7
Messages postés
112
Date d'inscription
Statut
Membre
Dernière intervention
-
Sixtinestudio Messages postés 72 Date d'inscription Statut Membre Dernière intervention -
Sixtinestudio Messages postés 72 Date d'inscription Statut Membre Dernière intervention -
Bonjours,
Je débute a la création de site web et j'aimerais avoir un peu d'aide en ce qui concerne le formulaire de contact.
Donc j'ai bien creer une page html et une page php pour mon formulaire mais celui ci s'affiche tout en bas de ma page alors que je vouderais le center et le redimmensionner.
Je vous fait part de mes code.
Code html :
Code php :
Voila mes 2 code pour mon formulaire.
En ce qui concerne le code html j'ai fait un copier coller de mon index.html pour avoir la même page d'accueil quand je clique sur Contact.
Ce que je vouderais c'est bien positionner mon formulaire et le rétrécir un peu.
Je débute a la création de site web et j'aimerais avoir un peu d'aide en ce qui concerne le formulaire de contact.
Donc j'ai bien creer une page html et une page php pour mon formulaire mais celui ci s'affiche tout en bas de ma page alors que je vouderais le center et le redimmensionner.
Je vous fait part de mes code.
Code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<LINK rel="stylesheet" type="text/css" href="style.css">
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div align="center">
<a href="http://www.pogona-family.wifeo.com" target="_blank">
<img src="images/banniere.jpg" border="0"
alt="LKe dragon barbu" width="1000" height="150"></a></div>
<div id=image><img src="images/pogona.jpg" WIDTH="152"></div>
<div id="bouton">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Alimentation</a></li>
<li><a href="#">Maintenance</a></li>
<li><a href="#">Comportement</a></li>
<li><a href="#">Materiels</a></li>
<li><a href="#">Reproduction</a></li>
<li><a href="#">La Mue</a></li>
<li><a href="#">Maladie</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Liens</a></li>
<li><a href="contact.html">Contact</a></li>
</ul></div>
<div align="center">
<form id="contact" method="post" action="traitement_formulaire.php">
<fieldset><legend>Vos coordonnées</legend>
<p><label for="nom">Nom :</label><input type="text" id="nom" name="nom" tabindex="1" /></p>
<p><label for="email">Email :</label><input type="text" id="email" name="email" tabindex="2" /></p>
</fieldset>
<fieldset><legend>Votre message :</legend>
<p><label for="objet">Objet :</label><input type="text" id="objet" name="objet" tabindex="3" /></p>
<p><label for="message">Message :</label><textarea id="message" name="message" tabindex="4" cols="30" rows="8"></textarea></p>
</fieldset>
<div style="text-align:center;"><input type="submit" name="envoi" value="Envoyer le formulaire !" /></div>
</form>
</div>
<BODY BGCOLOR="#FF9933">
</body>
</html>
Code php :
<?php
/*
********************************************************************************************
CONFIGURATION
********************************************************************************************
*/
// destinataire est votre adresse mail. Pour envoyer à plusieurs à la fois, séparez-les par une virgule
$destinataire = 'moi@moi.tld';
// copie ? (envoie une copie au visiteur)
$copie = 'oui'; // 'oui' ou 'non'
// Messages de confirmation du mail
$message_envoye = "Votre message nous est bien parvenu !";
$message_non_envoye = "L'envoi du mail a échoué, veuillez réessayer SVP.";
// Messages d'erreur du formulaire
$message_erreur_formulaire = "Vous devez d'abord <a href=\"contact.html\">envoyer le formulaire</a>.";
$message_formulaire_invalide = "Vérifiez que tous les champs soient bien remplis et que l'email soit sans erreur.";
/*
********************************************************************************************
FIN DE LA CONFIGURATION
********************************************************************************************
*/
// on teste si le formulaire a été soumis
if (!isset($_POST['envoi']))
{
// formulaire non envoyé
echo '<p>'.$message_erreur_formulaire.'</p>'."\n";
}
else
{
/*
* cette fonction sert à nettoyer et enregistrer un texte
*/
function Rec($text)
{
$text = trim($text); // delete white spaces after & before text
if (1 === get_magic_quotes_gpc())
{
$stripslashes = create_function('$txt', 'return stripslashes($txt);');
}
else
{
$stripslashes = create_function('$txt', 'return $txt;');
}
// magic quotes ?
$text = $stripslashes($text);
$text = htmlspecialchars($text, ENT_QUOTES); // converts to string with " and ' as well
$text = nl2br($text);
return $text;
};
/*
* Cette fonction sert à vérifier la syntaxe d'un email
*/
function IsEmail($email)
{
$pattern = "^([a-z0-9_]|\\-|\\.)+@(([a-z0-9_]|\\-)+\\.)+[a-z]{2,7}$";
return (eregi($pattern,$email)) ? true : false;
};
// formulaire envoyé, on récupère tous les champs.
$nom = (isset($_POST['nom'])) ? Rec($_POST['nom']) : '';
$email = (isset($_POST['email'])) ? Rec($_POST['email']) : '';
$objet = (isset($_POST['objet'])) ? Rec($_POST['objet']) : '';
$message = (isset($_POST['message'])) ? Rec($_POST['message']) : '';
// On va vérifier les variables et l'email ...
$email = (IsEmail($email)) ? $email : ''; // soit l'email est vide si erroné, soit il vaut l'email entré
if (($nom != '') && ($email != '') && ($objet != '') && ($message != ''))
{
// les 4 variables sont remplies, on génère puis envoie le mail
$headers = 'From: '.$nom.' <'.$email.'>' . "\r\n";
// envoyer une copie au visiteur ?
if ($copie == 'oui')
{
$cible = $destinataire.','.$email;
}
else
{
$cible = $destinataire;
};
// Remplacement de certains caractères spéciaux
$message = str_replace("'","'",$message);
$message = str_replace("’","'",$message);
$message = str_replace(""",'"',$message);
$message = str_replace('<br>','',$message);
$message = str_replace('<br />','',$message);
$message = str_replace("<","<",$message);
$message = str_replace(">",">",$message);
$message = str_replace("&","&",$message);
// Envoi du mail
if (mail($cible, $objet, $message, $headers))
{
echo '<p>'.$message_envoye.'</p>'."\n";
}
else
{
echo '<p>'.$message_non_envoye.'</p>'."\n";
};
}
else
{
// une des 3 variables (ou plus) est vide ...
echo '<p>'.$message_formulaire_invalide.' <a href="contact.html">Retour au formulaire</a></p>'."\n";
};
}; // fin du if (!isset($_POST['envoi']))
?>
Voila mes 2 code pour mon formulaire.
En ce qui concerne le code html j'ai fait un copier coller de mon index.html pour avoir la même page d'accueil quand je clique sur Contact.
Ce que je vouderais c'est bien positionner mon formulaire et le rétrécir un peu.
A voir également:
- Positionnement formulaire html
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Editeur html - Télécharger - HTML
- Formulaire de reclamation instagram - Guide
- Logiciel positionnement gratuit - Guide
