Membre
|
Bonjours à tous,
Je suis actuellement en train de créer mon site web sur le thème de linux que j'utilise beaucoup (à part pour les jeux), et sur mes passion qui sont le tir et le vtt. Le tout en compagnie de Notepad++ et easyweb. (Ma femme en devient jalouse).
Etant débutant je dois piocher des informations à droite et à gauche pour assembler le tout, et pour faire un aide-mémoire, j'ai donc ajouté une partie html et css sur ce que je me suis servis pour faire mon site, et cela me permet de retrouver tel ou tel information plus facilement, et facilite la vie de mes enfant dans les recherches.
Je me suis créer un espace perso pour moi et a famille, et éventuellement des amis; qui est protéger.
Cela me parait bien, car même à l'extérieur cela me permet d'avoir certaines infos sous le clavier.
Pour finir j'aurais voulu mettre en place un formulaire de contact (voir code ci-dessous) en place.
Là; la galère s'annonce, je me suis vu passer la journée de hier et les ¾ de la nuit sans résultat.
J'espère avoir de l'aide sur ce forum pour le réaliser.
Il comprend 3 champ obligatoire qui son Nom, Prénom, et Email.
2 champs facultatifs qui sont le login et le paswword que la personne me fournisse pour débloquer le .htpasswd
1 champs vos remarque pour prendre les remarques en bien ou mal ou modifier certaines astuces.
Ceci comprend un champ caché à l'utilisateur et qui doit rester vide pour tromper les robots, et une case à coché pour bien montrer que l'on est humain, car parait-il que les robots bloquent là-dessus.
Je m'excuse d'avoir été si long, mais cela était nécessaire pour vous exposer correctement mon problème.
Je vous remercie par avance de venir à mon aide.
<!DOCTYPE html>
<html>
<head>
<title>Formulaire</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<link rel="icon" type="image/png" href="favicon.png" />
<meta name="robots" content="noindex">
<meta name="language" content="fr" />
<style type="text/css">
/* La Page*/
body
{
width: 980px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #e1dfce;
}
/* Le corps de la page */
#corps
{
width: 840px;
margin-left: 45px;
margin-right: 80px;
margin-bottom: 20px;
padding: 5px;
padding-top: 20px;
padding-left: 50px;
color: black;
background-color: #626262;
background-repeat: repeat;
background-image: url("frame/carnet.jpg");
border: 8px ridge #9d6f42;
font-family: "Comic Sans MS", Arial, Arial Black, Times New Roman, Times, serif;
}
/* Formulaire */
:required
{
background-color: #faccbf;
}
:focus
{
background-color: #f9f4b4;
}
.champcache{
display: none;
}
</style>
<script language="JavaScript">
</script>
</head>
<body>
<div id="corps">
<h1 style="text-align:center;">
Veuillez entrer les informations nécessaires. <br />
Tous les champs* doivent être remplis.<br />
</h1>
<form method="post" action="cible.php">
<p>
<fieldset>
<legend>Ces champs sont obligatoires</legend> <!-- Titre du fieldset --> <br />
<label for="prename">Votre Prénom*</label> :
<input type="text" name="prename" id="prename" placeholder="Ex : Mon Prénom" size="20" required /><br /><br />
<label for="name">Votre Nom*</label> :
<input type="text" name="name" id="name" placeholder="Ex : Mon Nom" size="20" autofocus required /><br /><br />
<label for="email">Votre Email*</label> :
<input type="email" name="email" id="email" placeholder="Ex : Adresse Mail" size="20" required /><br /><br />
</fieldset>
<br />
<fieldset>
<legend>Pour vous connecter sur mon site</legend> <!-- Titre du fieldset --> <br />
<label for="login">Votre Login</label> :
<input type="text" name="login" id="login" placeholder="Ex : Surnom" size="20" /><br /><br />
<label for="pass">Votre Password</label> :
<input type="text" name="pass" id="pass" placeholder="Ex : Mot de Passe" size="20" /><br /><br />
<label>Confirmation du Password: <input type="text" name="pass2" id="pass2" placeholder="Ex : Mot de Passe"/></label><br/>
</fieldset>
<br />
<fieldset>
<legend>Vos Remarques sur mon site.</legend> <!-- Titre du fieldset --> <br />
<textarea name="message" rows="10" cols="50" placeholder="Ex : Vos Idées, remarques, corrections et critiques pour mon site."></textarea><br /><br />
</fieldset>
<br />
<label for="vivant">Cochez si vous êtes Humain.</label>
<input type="checkbox" name="choix" id="vivant" />
</p>
<p class="champcache">
name: <input name="comment" type="text" />
</p>
<input type="reset" value="Effacer le formulaire" />
<input type="submit" value="Envoyer le formulaire" />
</form>
<br />
<br />
<h1 style="text-align:center;">
Pour avoir accès à la partie "Téléchargement privé" de mon site, indiquer le login et password que vous souhaitez, afin de débloquer l'accès.
</h1>
<br />
<br />
<br />
<br />
<br />
</div>
</body>
</html>
|
