Un livre d'or en php et mysql

Article Informatique proposé par Panther le Mardi 03 Avril 2007 à 23h55Share

Mise en place du formulaire

Mise en place du formulaire


Allez, maintenant on va vraiment mettre les mains dans le cambouis !!

Sortez votre plus bel éditeur de texte !
Et créez un document vierge du nom de lelivredor.php . (ou bien entendu un autre nom, mais assez explicite !)

On commence tout d'abord par les généralités, type de la page, encodage, etc :

Code:

<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Livre d'or</title>
</head>

<body>


Ensuite on peut ajouter un peu de texte, afin de rendre la page un peu plus explicite :
Code:

Bienvenue sur mon super livre d'or !
N'hésite pas à laisser un message !
<br/><br/><br/><br/>Laisse ton message avec le formulaire ci-dessous :



Maintenant on passe au formulaire lui même :

Code:

<form action="lelivredor.php" method="post">
   
Pseudo :<input type="text" name="auteur"><br/><br/>

Ton Commentaire : <br/><textarea name="commentaire" cols="60" rows="5"></textarea><br/><br/>

Site Web : <input type="text" name="site"><br/>
E-mail : <input type="text" name="email"><br/>

Une petite note ? <select name="note" Size=1>
<option>Note /10
<option value=10>10
<option value=9>9
<option value=8>8
<option value=7>7
<option value=6>6
<option value=5>5
<option value=4>4
<option value=3>3
<option value=2>2
<option value=1>1
<option value=0>0
</select>


Jusque là rien de très compliqué, quelques input text, select et textarea.
Notez que l'on donne bien sur un nom à chaque champ de notre formulaire !

Notre formulaire n'est pourtant pas fini !
Ah bon ? Pourquoi donc ?
On a bien demandé le nom, le commentaire, le site, l'email, la note...
Oui, mais on va en profiter pour mettre une protection anti-spam à notre livre d'or.
La protection fonctionnera comme ceci, on demande à l'utilisateur d'effectuer une opération simple sur un nombre aléatoire, du genre 23+1...
Ensuite, au moment de l'insertion de son commentaire on vérifie qu'il ne se soit pas trompé dans son opération, puis on entre le commentaire...
Normalement les robots, ne devraient pas trouver l'astuce...

Tout d'abord on génère le nombre aléatoire, en php :
Code:

<? $nombre=rand(10, 100); ?>


On demande à l'utilisateur d'effectuer la petite opération précédente, et on envoie le nombre aléatoire dans un champ caché, afin de pouvoir faire la vérification par la suite.
Code:

Combien font <? echo $nombre; ?> +1 ?
<input type="text" name="verification" size="10"><br/><br/>
<input type="hidden" name="lenombre" value="<? echo $nombre; ?>">


On peut maintenant fermer notre formulaire, avec son bouton submit :
Code:

<input type="submit" value="Envoyer le message !">
</form>

</body>


->> Voir l'état du livre actuellement
->> Voir l'état du code actuel séparement