PHP : créer une newsletter avec Dreamweaver (Part 3) - insertion données utilisateurs

Création du formulaire d’insertion afin de permettre à l’utilisateur de saisir ses informations personnelles

Ouvrez la page inscrip_newsletter.php.
Pour créer le formulaire d’insertion, utilisez l’assistant d’insertion d’enregistrement comme suit :

Vous obtenez ceci.

La page confirm_newsletter.php n’a pas encore été développée. Elle vous permettra de confirmer à votre utilisateur qu’il est bien abonné à votre newsletter et lui donner ses codes d’accès. Les codes d’accès, permettant le désabonnement par l’intéréssé, sont constitués par :
- l’adresse mail pour le login
- un mot de passe aléatoire généré par le serveur

Je vous conseille de supprimer le tableau créé automatiquement par Dreamweaevr pour utiliser les balises valides des formulaires XHTML, à savoir <fieldset>, <legend> et <label> et faire une mise en page via les CSS. Vous obtiendrez alors ceci, qui est quand même plus classieux ! :

Pour ceux qui sont curieux, voici la CSS de ce formulaire valide XHTML :

<style type="text/css">
fieldset {
border:1px solid #0099CC;
padding:10px;
width:400px;
margin-left:100px;
}
legend {
font: bold 13px Georgia, "Times New Roman", Times, serif;
margin-bottom:15px;
color:#0099CC;
}
label {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
display: inline;
float: left;
width: 150px;
font-weight: bold;
margin-left: 25px;
}
.bouton {
border: 1px solid #003399;
background-color:#62D8FF;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
padding: 3px;
}
</style>

et le code HTML :

<form method="post" name="form1" action="<?php echo $editFormAction; ?>">
<fieldset>
  <legend>Inscrivez-vous à notre newsletter</legend>
  <label>Nom :</label>
  <input type="text" name="nom" value="" size="32">
  <br /><br />
  <label>Mail :</label>
  <input type="text" name="mail" value="" size="32">
  <br /><br />
  <label>Organisme :</label>
  <input type="text" name="organisme" value="" size="32">
  <br /><br />
  <label>Fonction :</label>
  <input type="text" name="fonction" value="" size="32">
  <br />
  <input type="hidden" name="password" value="">
  <br />
  <div align="center">
    <input name="submit" type="submit" class="bouton" value="Envoyer" />
    <input type="hidden" name="MM_insert" value="form1">
  </div>
</fieldset>
</form>

Comme vous le constatez nous avons transformé le champ texte password en champ caché. Celui-ci nous servira pour insérer un mot de passe généré aléatoirement et automatiquement grâce à un script prévu à cet effet.

Comments

[bernard]

formulaire inscription d'enregistrement
je ne trouve ce pannau instruction assez vague

[caroder]

Je le répète, ce tuto newsletter n'est pas pour les grands débutants car il suppose que vous maîtrisez un certains nombres de techniques de base.
Merci de vous rendre à ma section Tutoriaux pour débutants : http://dreamgratuit.canalblog.com/archives/tutoriaux_pour_debutants/index.html

[nd]

besoin d'aide, quand je fais formulaire d'insertion d'enregistrement, dreamweaver me demande plusieurs etapes:
1 creer un site
2 choisissez un type de docs
3 configurer le serveur d'utilisation

que faut il faire? Je suis novice...

2ieme question au début "Ouvrez la page inscrip_newsletter.php."

il faut la creer? cette page nexiste pas avant?

[caroder]

... depuis la version CS4 de Dreamweaver, par défaut, l'assistant d'enregistrement n'est plus aussi accessible, c'est le moins qu'on puisse dire (!). Il se trouve ici :
Menu "Insertion" >> Objets de données >> Insérer un enregistrement >> Assistant de formulaire d'insertion d'enregistrement.

[Richard]

Comment trouve-t-on l’assistant d’insertion d’enregistrement ?