Aide Formulaire

[Invité]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tridentcoc.forumofficiel.fr

Description du problème

Bonsoir,

N'ayant aucune notion d'HTML, je souhaiterais que vous m'aidez à la création d'un formulaire. Merci d'avance. J'ai cherché des générateurs de formulaire HTML mais cela dirige vers un téléchargement.

En premier lieu, le formulaire sera sur une page HTML de mon forum, où j'aimerais récupérer ces informations :

Code:


TITRE : "Candidature CR : Pseudo forum"
"
Bonjour à tous !

Ces quelques lignes sont à votre disposition pour vous présenter, nous expliquer comment vous avez entendu parler du clan "Le Trident" et pourquoi vous souhaitez nous rejoindre.
Laissez libre cours à votre imagination, épatez nous par vos talents d'écrivain!

* Prénom :

* Age :

* Pouvez-vous nous confirmer que vous êtes adulte ?

* Métier :

* Autre :


* Pseudo en jeu :

* Niveau global :

* Trophées :

* Meilleurs trophées :

* Nombre de victoires (visibles sur votre profil) :

* Nombre de dons (visibles sur votre profil) :


* Toutes vos cartes "epics" possédées (et leur niveau) :

* Toutes vos cartes rares possédées (et leur niveau) :

* Toutes vos cartes normales possédées (et leur niveau) :


* Depuis combien de temps jouez-vous ?

* Comment nous avez-vous connu ?

* Qu'attendez-vous de nous ?

* Pourquoi nous rejoindre ?



Après, je ne sais vraiment pas comment utiliser ses informations pour créer un post. Ce n'est pas faute d'avoir chercher car chaque "tutoriel" est spécifique à la demande, et modifier chaque chose dont on ne comprend rien et ma foi impossible.

Merci d'avance
Cordialement

[Invité]

Up

[Invité]

Up

[Scoubifitz]

Bonjour,

Avant tout , il faut autoriser les formulaires sur votre forum , pour éviter l'erreur #230 ...

PA - général - sécurité :
Interdire les formulaires non officiels à poster des messages et messages privés sur le forum : Non

Ensuite créer une page HTML ...

PA - modules - gestion des pages HTML - création en mode avancé(HTML)
un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Oui
Utiliser cette page en tant que page d'accueil ? Non

Collez ce code dans le cadre , et validez :
Ce code est un code basique.

Code:

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){

// Créer un message à partir des informations fournies

var txt_message = "* Prénom : " + form.champ1.value + "\n\n"
+ "* Age : " + form.champ2.value + "\n\n"
+ "* Pouvez-vous nous confirmer que vous êtes adulte ? " + form.champ2.value + "\n\n"
+ "* Métier : " + form.champ4.value + "\n\n"
+ "* Autre : " + form.champ5.value + "\n\n\n"
+ "* Pseudo en jeu : " + form.champ6.value + "\n\n"
+ "* Niveau global : " + form.champ7.value + "\n\n"
+ "* Trophées : \n" + form.champ8.value + "\n\n"
+ "* Meilleurs trophées : \n" + form.champ9.value + "\n\n"
+ "* Nombre de victoires (visibles sur votre profil) : " + form.champ10.value + "\n\n"
+ "* Nombre de dons (visibles sur votre profil) : " + form.champ11.value + "\n\n\n"
+ "* Toutes vos cartes \"epics\" possédées (et leur niveau) : \n" + form.champ12.value + "\n\n"
+ "* Toutes vos cartes rares possédées (et leur niveau) : \n" + form.champ13.value + "\n\n"
+ "* Toutes vos cartes normales possédées (et leur niveau) : \n" + form.champ14.value + "\n\n\n"
+ "* Depuis combien de temps jouez-vous ? \n" + form.champ15.value + "\n\n"
+ "* Comment nous avez-vous connu ? \n" + form.champ16.value + "\n\n"
+ "* Qu'attendez-vous de nous ? \n" + form.champ17.value + "\n\n"
+ "* Pourquoi nous rejoindre ? \n" + form.champ18.value + "\n\n";

// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature CR : " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)" target="_parent">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->

<input type="hidden" name="f" value="2" /> <!--  ID du forum dans lequel le message sera posté-->

<input type="hidden" name="subject" id="titre" value="" />
<p>Bonjour <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly"/> ,</p>

<p>Ces quelques lignes sont à votre disposition pour vous présenter, nous expliquer comment vous avez entendu parler du clan "Le Trident" et pourquoi vous souhaitez nous rejoindre.<br />
Laissez libre cours à votre imagination, épatez nous par vos talents d'écrivain! </p>

<p><label for="champ1">Prénom : </label><br />
<input type="text" name="champ1" id="champ1" size="30" /></p>

<p><label for="champ2">Age : </label><br />
<input type="text" name="champ2" id="champ2" size="30" /></p>

<p><label for="champ3">Pouvez-vous nous confirmer que vous êtes adulte ? </label><br />
<select name="champ3" id="champ3">
<option value="oui" selected="selected">oui</option>
<option value="non">non</option>
</select></p>

<p><label for="champ4">Métier : </label><br />
<input type="text" name="champ4" id="champ4" size="30" /></p>

<p><label for="champ5">Autre : </label><br />
<input type="text" name="champ5" id="champ5" size="30" /></p>

<p><label for="champ6">Pseudo en jeu : </label><br />
<input type="text" name="champ6" id="champ6" size="30" /></p>

<p><label for="champ7">Niveau global : </label><br />
<input type="text" name="champ7" id="champ7" size="30" /></p>

<p><label for="champ8">Trophées : </label><br />
<textarea id="champ8" name="champ8" rows="2" cols="50"></textarea></p>

<p><label for="champ9">Meilleurs trophées : </label><br />
<textarea id="champ9" name="champ9" rows="2" cols="50"></textarea></p>

<p><label for="champ10">Nombre de victoires (visibles sur votre profil) : </label><br />
<input type="text" name="champ10" id="champ10" size="30" /></p>

<p><label for="champ11">Nombre de dons (visibles sur votre profil) : </label><br />
<input type="text" name="champ11" id="champ11" size="30" /></p>

<p><label for="champ12">Toutes vos cartes "epics" possédées (et leur niveau) : </label><br />
<textarea id="champ12" name="champ12" rows="2" cols="50"></textarea></p>

<p><label for="champ13">Toutes vos cartes rares possédées (et leur niveau) : </label><br />
<textarea id="champ13" name="champ13" rows="2" cols="50"></textarea></p>

<p><label for="champ14">Toutes vos cartes normales possédées (et leur niveau) : </label><br />
<textarea id="champ14" name="champ14" rows="2" cols="50"></textarea></p>

<p><label for="champ15">Depuis combien de temps jouez-vous ? </label><br />
<input type="text" name="champ15" id="champ15" size="30" /></p>

<p><label for="champ16">Comment nous avez-vous connu ? </label><br />
<textarea id="champ16" name="champ16" rows="2" cols="50"></textarea></p>

<p><label for="champ17">Qu'attendez-vous de nous ? </label><br />
<textarea id="champ17" name="champ17" rows="2" cols="50"></textarea></p>

<p><label for="champ18">Pourquoi nous rejoindre ? </label><br />
<textarea id="champ18" name="champ18" rows="2" cols="50"></textarea></p>

<p><input type="submit" name="post" value="Poster le formulaire" /></p>
</form>

Pour modifier la destination de l'envoi , il faut modifier la valeur du numéro du forum :

<input type="hidden" name="f" value="2" /> <!-- ID du forum dans lequel le message sera posté-->

[Invité]

Merci !! Cela marche à merveille.

Super boulot

[Invité]

Ah, savez-vous comment rendre obligatoire tous les champs avant de poster ?

Merci d'avance

[Scoubifitz]

Oui , grâce à l'attribut required ...

http://www.alsacreations.com/tuto/lire/1391-formulaire-html5-placeholder-required-pattern.html

[Invité]

Bonsoir,

Je suis allé vers votre lien, mais il ne dit pas où placer cela:

Code:

<input type="text" required="required">

[Scoubifitz]

Bien ...

Petit cours rapide pour la comprenette ...

La 1ére partie concerne le script , qui permet de récupérer et d'envoyer les valeurs remplient dans la 2e partie.

La 2e partie contient des balises "input" , "select" ou "textaera" . Ces champs sont là pour contenir les valeurs à envoyer .

C'est à ces champs qu'il faut rajouter l'attribut "required" ...

Par exemple , pour le premier champ , on a :

Code:

<p><label for="champ1">Prénom : </label><br />
<input type="text" name="champ1" id="champ1" size="30" /></p>

Il suffit de rajouter l'attribut pour le rendre obligatoire :

Code:

<p><label for="champ1">Prénom : </label><br />
<input type="text" name="champ1" id="champ1" size="30" required="required"/></p>

[Invité]

Merci.
Et, dernière question, où intégrer le CSS ?

[Scoubifitz]

Le plus simple est de le placer juste avant les balises script ...

Code:

<style>

/* Ceci est une ligne de commentaire , placez ici le style que vous voulez */

</style>
<script ..... >

[Invité]

Bonjour,

Je note, mais comment mettre du CSS pour modifier les cases blanches ?

[Scoubifitz]

En reprenant votre formulaire (h5-) , remplacer (en éditant en mode avancé) entièrement le code par celui-ci :

Code:

<style>

/* Ceci est une ligne de commentaire , placez ici le style que vous voulez */

/* Ce style est pour tout le formulaire */

#coc {
text-align: center;
margin:auto;
font:bold 16px 'Courier New';
}
 
/* Ce style est pour les balises label */
 
#coc label{
color: #FF9933;
}

/* Ce style est pour les balises input , select et textarea */

#coc input,#coc select,#coc textarea{
background-color: #333333;
  color:#FF9933;
}
#coc input:focus,#coc select:focus,#coc textarea:focus{
background-color: #555555;
  color:#ffffff;
}
</style>
<script src="http://tinyurl.com/var-fa" type="text/javascript"></script>
<script type="text/javascript">
function envoiMessage(form){
// Créer un message à partir des informations fournies
var txt_message = "* <strong>Prénom :</strong> " + form.champ1.value + "\n\n"
+ "* <strong>Âge :</strong> " + form.champ2.value + "\n\n"
+ "* <strong>Pouvez-vous nous confirmer que vous êtes adulte ?</strong> " + form.champ2.value + "\n\n"
+ "* <strong>Métier :</strong> " + form.champ4.value + "\n\n"
+ "* <strong>Divers :</strong> " + form.champ5.value + "\n\n\n"
+ "* <strong>Pseudo :</strong> " + form.champ6.value + "\n\n"
+ "* <strong>Niveau global :</strong> " + form.champ7.value + "\n\n"
+ "* <strong>Trophées :</strong> " + form.champ8.value + "\n\n"
+ "* <strong>Record de trophées :</strong> " + form.champ9.value + "\n\n"
+ "* <strong>Niveau HDV : </strong>" + form.champ10.value + "\n\n"
+ "* <strong>Orientation :</strong> " + form.champ11.value + "\n\n"
+ "* <strong>Cabanes d’ouvriers :</strong> " + form.champ12.value + "\n\n\n"
+ "* <strong>Niveau des héros :</strong> \n" + form.champ13.value + "\n\n"
+ "* <strong>Niveau des troupes :</strong> \n" + form.champ14.value + "\n\n\n"
+ "* <strong>Depuis combien de temps jouez-vous ?</strong> \n" + form.champ15.value + "\n\n"
+ "* <strong>Comment nous avez-vous connu ?</strong> \n" + form.champ16.value + "\n\n"
+ "* <strong>Qu'attendez-vous de nous ? </strong>\n" + form.champ17.value + "\n\n"
+ "* <strong>Pourquoi nous rejoindre ?</strong> \n" + form.champ18.value + "\n\n";
// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "[Clash Of Clans] : " + form.pseudo.value;
}
</script>
<form onsubmit="envoiMessage(this)" enctype="multipart/form-data" name="post" method="post" action="/post" id="coc">
<input value="0" name="lt" type="hidden"/>
<input value="newtopic" name="mode" type="hidden"/><!-- Un nouveau topic sera créé -->
<input checked="checked" value="0" name="topictype" type="hidden"/><!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) -->
<input value="" name="message" type="hidden"/><!-- Contiendra le texte du message -->
<input value="4" name="f" type="hidden"/><!-- ID du forum dans lequel le message sera posté -->
<input value="" id="titre" name="subject" type="hidden"/>
<p>
<label><img src="http://i18.servimg.com/u/f18/18/72/53/02/badge_11.png"/></label>
</p>
<p>
Bonjour <input readonly="readonly" class="USERNAME" value="" type="text" name="pseudo"/> ,<br/>
</p>
<p style="color: rgb(255, 255, 0);">Ces quelques lignes sont à votre disposition pour vous présenter, nous expliquer comment vous avez entendu parler du clan "Le Trident" et pourquoi vous souhaitez nous rejoindre. Laissez libre cours à votre imagination, épatez nous par vos talents d'écrivain!
</p>
<p>
<label>Prénom : </label><br/>
<input required="required" size="30" id="champ1" name="champ1" type="text"/>
</p>
<p>
<label>Âge : </label><br/>
<input required="required" size="30" id="champ2" name="champ2" type="text"/>
</p>
<p>
<label>Pouvez-vous nous confirmer que vous êtes adulte ? </label><br/>
<select id="champ3" name="champ3">
<option selected="selected" value="Non">Non</option>
<option value="Oui">Oui</option>
</select>
</p>
<p>
<label>Métier : </label><br/>
<input required="required" size="30" id="champ4" name="champ4" type="text"/>
</p>
<p>
<label>Divers : </label><br/>
<textarea cols="50" rows="2" name="champ5" id="champ5"></textarea>
</p>
<p>
<label>Pseudo en jeu : </label><br/>
<input required="required" size="30" id="champ6" name="champ6" type="text"/>
</p>
<p>
<label>Niveau global : </label><br/>
<input required="required" size="30" id="champ7" name="champ7" type="text"/>
</p>
<p>
<label>Nombre de trophées actuels : </label><br/>
<input required="required" size="30" id="champ8" name="champ8" type="text"/>
</p>
<p>
<label>Record de trophées : </label><br/>
<input type="text" name="champ9" id="champ9" size="30" required="required"/>
</p>
<p>
<label>Niveau de votre hôtel de ville : </label><br/>
<input required="required" size="30" id="champ10" name="champ10" type="text"/>
</p>
<p>
<label>Êtes-vous plutôt un joueur "farmeur" ou un joueur "rusheur" : </label><br/>
<input required="required" size="30" id="champ11" name="champ11" type="text"/>
</p>
<p>
<label>Nombre de cabanes d’ouvrier : </label><br/>
<input required="required" size="30" id="champ12" name="champ12" type="text"/>
</p>
<p>
<label>Indiquez le niveau de tous vos héros : </label><br/>
<textarea cols="50" rows="1" required="required" name="champ13" id="champ13"></textarea>
</p>
<p>
<label>Indiquez le niveau de toutes vos troupes : </label><br/>
<textarea cols="50" rows="5" required="required" name="champ14" id="champ14"></textarea>
</p>
<p>
<label>Depuis combien de temps jouez-vous ? </label><br/>
<input required="required" size="30" id="champ15" name="champ15" type="text"/>
</p>
<p>
<label>Comment nous avez-vous connu ? </label><br/>
<textarea cols="50" rows="3" required="required" name="champ16" id="champ16"></textarea>
</p>
<p>
<label>Qu'attendez-vous de nous ? </label><br/>
<textarea cols="50" rows="3" required="required" name="champ17" id="champ17"></textarea>
</p>
<p>
<label>Pourquoi nous rejoindre ? </label><br/>
<textarea cols="50" rows="3" required="required" name="champ18" id="champ18"></textarea>
</p>
<p><input value="Envoyez votre candidature" name="post" type="submit"/>
</p>
</form>

[Invité]

Bonsoir,

Est-il possible de créer le même style pour ce formulaire :

Code:

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script><script type="text/javascript">
function envoiMessage(form){

// Créer un message à partir des informations fournies

var txt_message = "* Prénom : " + form.champ1.value + "\n\n"
+ "* Âge : " + form.champ2.value + "\n\n"
+ "* Pouvez-vous nous confirmer que vous êtes adulte ? " + form.champ2.value + "\n\n"
+ "* Métier : " + form.champ4.value + "\n\n"
+ "* Autre : " + form.champ5.value + "\n\n\n"
+ "* Pseudo en jeu : " + form.champ6.value + "\n\n"
+ "* Niveau global : " + form.champ7.value + "\n\n"
+ "* Trophées : " + form.champ8.value + "\n\n"
+ "* Record de trophées : " + form.champ9.value + "\n\n"
+ "* Nombre de victoires : " + form.champ10.value + "\n\n"
+ "* Nombre de dons : " + form.champ11.value + "\n\n\n"
+ "* Cartes \"epics\" possédées : \n" + form.champ12.value + "\n\n"
+ "* Cartes rares possédées : \n" + form.champ13.value + "\n\n"
+ "* Cartes normales possédées : \n" + form.champ14.value + "\n\n\n"
+ "* Depuis combien de temps jouez-vous ? \n" + form.champ15.value + "\n\n"
+ "* Comment nous avez-vous connu ? \n" + form.champ16.value + "\n\n"
+ "* Qu'attendez-vous de nous ? \n" + form.champ17.value + "\n\n"
+ "* Pourquoi nous rejoindre ? \n" + form.champ18.value + "\n\n";

// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature CR : " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)" target="_parent">
                                   <input type="hidden" name="lt" value="0" /><input type="hidden" name="mode" value="newtopic" />                                 
   <!--                                  Un nouveau topic sera créé                                  --><input type="hidden" name="topictype" value="0" checked="checked" />                                 
   <!--                                  Value 0: Sujet Normal (1 = post-it / 2 = annonce)                                  --><input type="hidden" name="message" value="" />                                 
   <!--                                  Contiendra le texte du message                                  --> <input type="hidden" name="f" value="4" />                                 
   <!--                                    ID du forum dans lequel le message sera posté                                  --> <input type="hidden" name="subject" id="titre" value="" />                               
   <p style="text-align: center;">
       <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><img src="http://i86.servimg.com/u/f86/18/72/53/02/screen10.png" /><br /></span></span></strong>
   </p>
   
   <p style="text-align: center;">
       <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span></span></strong>
   </p>
   
   <p style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';">              Bonjour <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly" /> ,              </span>  </span>  </strong>             
   </p>
                                        
   <p style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br />  </span>  </span>  </strong>             
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <span style="color: rgb(0, 255, 255);"><strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';">  Ces quelques lignes sont à votre disposition pour vous présenter, nous expliquer comment vous avez entendu parler du clan "Le Trident" et pourquoi vous souhaitez nous rejoindre.  </span>  </span>  </strong>      </span>     
   </div>
                                        
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><span style="color: rgb(0, 255, 255);">  Laissez libre cours à votre imagination, épatez nous par vos talents d'écrivain!  </span></span>  </span>  </strong>             
   </div>
                                        
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br />  </span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><span style="color: rgb(255, 153, 51);">Prénom :</span>  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ1" id="champ1" size="30" />  </span>  </span>  </strong>             
   </div>
                                        
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br />  </span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><span style="color: rgb(255, 153, 51);">Âge : </span>  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ2" id="champ2" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Pouvez-vous nous confirmer que vous êtes adulte ?  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <select name="champ3" id="champ3">
<option value="Non" selected="selected">Non</option>
<option value="Oui">Oui</option>
</select><strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';">  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Métier :</span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ4" id="champ4" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Divers :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input type="text" name="champ5" id="champ5" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><span style="color: rgb(255, 153, 51);">  Pseudo en jeu</span><span style="color: rgb(255, 153, 51);"> :  </span></span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ6" id="champ6" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Niveau global :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ7" id="champ7" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Nombre de trophées actuels :  </span>  </span>  </strong>             
   </div>
                                                    
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input type="text" name="champ8" id="champ8" size="30" required="required" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Record de trophées :  </span>  </span>  </strong>             
   </div>
                                                    
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input type="text" name="champ9" id="champ9" size="30" required="required" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Nombre de victoires (visibles sur votre profil) :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ10" id="champ10" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Nombre de dons (visibles sur votre profil) :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ11" id="champ11" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Toutes vos cartes "epics" possédées (et leur niveau) :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><textarea id="champ12" name="champ12" rows="2" required="required" cols="50"></textarea>  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Toutes vos cartes rares possédées (et leur niveau) :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><textarea id="champ13" name="champ13" rows="3" required="required" cols="50"></textarea>  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><span style="color: rgb(255, 153, 51);">  Toutes vos cartes normales possédées (et leur niveau)</span> :  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><textarea id="champ14" name="champ14" rows="3" required="required" cols="50"></textarea>  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Depuis combien de temps jouez-vous ?  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><input required="required" type="text" name="champ15" id="champ15" size="30" />  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Comment nous avez-vous connu ?  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><textarea id="champ16" name="champ16" rows="3" required="required" cols="50"></textarea>  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Qu'attendez-vous de nous ?  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><textarea id="champ17" name="champ17" rows="3" required="required" cols="50"></textarea>  </span>  </span>  </strong>             
   </div>
                                    
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';"><br /></span>  </span>  </strong>             
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p>
                                           
   </p>
                                      
   <div style="text-align: center;">
                        <strong><span style="font-size: 16px;"><span style="color: rgb(255, 153, 51); font-family: 'Courier New';">  Pourquoi nous rejoindre ?  </span>  </span>  </strong>             
   </div>
                                                      
   <div style="text-align: center;">
                          <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><textarea id="champ18" name="champ18" rows="3" required="required" cols="50"></textarea>  </span>  </span>  </strong>             
   </div>
      
   <div style="text-align: center;">
        <strong><span style="font-size: 16px;"><span style="font-family: 'Courier New';"><br /></span></span></strong> 
   </div>
                                        
   <p>
                                         
   </p>
                                                                    
   <p style="text-align: center;">
                                      <span style="font-family: 'Courier New';"><span style="font-size: 16px;"><strong><input type="submit" name="post" value="Envoyez votre candidature" /></strong></span></span>                               
   </p>
</form>

Bien à vous,

[Scoubifitz]

Code:

<style>
/* Ce style est pour tout le formulaire */
#coc {
text-align: center;
margin:auto;
font:bold 16px 'Courier New';
}
/* Ce style est pour les balises label */
#coc label{
color: Orange;
}
/* Ce style est pour les balises input , select et textarea */
#coc input,#coc select,#coc textarea{
background-color: DimGray;
color:Orange;
}
#coc input:focus,#coc select:focus,#coc textarea:focus{
background-color: Gray;
  color:White;
}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<script type="text/javascript">
function envoiMessage(form){
// Créer un message à partir des informations fournies
var txt_message = "* Prénom : " + form.champ1.value + "\n\n"
+ "* Âge : " + form.champ2.value + "\n\n"
+ "* Pouvez-vous nous confirmer que vous êtes adulte ? " + form.champ2.value + "\n\n"
+ "* Métier : " + form.champ4.value + "\n\n"
+ "* Autre : " + form.champ5.value + "\n\n\n"
+ "* Pseudo en jeu : " + form.champ6.value + "\n\n"
+ "* Niveau global : " + form.champ7.value + "\n\n"
+ "* Trophées : " + form.champ8.value + "\n\n"
+ "* Record de trophées : " + form.champ9.value + "\n\n"
+ "* Nombre de victoires : " + form.champ10.value + "\n\n"
+ "* Nombre de dons : " + form.champ11.value + "\n\n\n"
+ "* Cartes \"epics\" possédées : \n" + form.champ12.value + "\n\n"
+ "* Cartes rares possédées : \n" + form.champ13.value + "\n\n"
+ "* Cartes normales possédées : \n" + form.champ14.value + "\n\n\n"
+ "* Depuis combien de temps jouez-vous ? \n" + form.champ15.value + "\n\n"
+ "* Comment nous avez-vous connu ? \n" + form.champ16.value + "\n\n"
+ "* Qu'attendez-vous de nous ? \n" + form.champ17.value + "\n\n"
+ "* Pourquoi nous rejoindre ? \n" + form.champ18.value + "\n\n";
// Insére le texte dans le champ caché "message" du formulaire
form.message.value = txt_message;
// Insére le texte dans le champ caché "subject" (titre) du formulaire
form.subject.value = "Candidature CR : " + form.pseudo.value;
}
</script>
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)" id="coc">
<input type="hidden" name="lt" value="0" /><input type="hidden" name="mode" value="newtopic" />
<!-- Un nouveau topic sera créé --><input type="hidden" name="topictype" value="0" checked="checked" />
<!-- Value 0: Sujet Normal (1 = post-it / 2 = annonce) --><input type="hidden" name="message" value="" />
<!-- Contiendra le texte du message --> <input type="hidden" name="f" value="4" />
<!-- ID du forum dans lequel le message sera posté --> <input type="hidden" name="subject" id="titre" value="" />
<p><img src="http://i86.servimg.com/u/f86/18/72/53/02/screen10.png" />
</p>
<p>Bonjour <input name="pseudo" type="text" value="" class="USERNAME" readonly="readonly" /> ,
</p>
<p style="color: Cyan;">Ces quelques lignes sont à votre disposition pour vous présenter, nous expliquer comment vous avez entendu parler du clan "Le Trident" et pourquoi vous souhaitez nous rejoindre.<br />  Laissez libre cours à votre imagination, épatez nous par vos talents d'écrivain!
</p>
<p><label>Prénom : </label><br/>
<input required="required" type="text" name="champ1" id="champ1" size="30" />
</p>
<p><label>Âge : </label><br/>
<input required="required" type="text" name="champ2" id="champ2" size="30" />
</p>
<p><label>Pouvez-vous nous confirmer que vous êtes adulte ? </label><br/>
<select name="champ3" id="champ3">
<option value="Non" selected="selected">Non</option>
<option value="Oui">Oui</option>
</select>
</p>
<p><label>Métier : </label><br/>
<input required="required" type="text" name="champ4" id="champ4" size="30" />
</p>
<p><label>Divers :  </label><br/>
<input type="text" name="champ5" id="champ5" size="30" />
</p>
<p><label>Pseudo en jeu :  </label><br/>
<input required="required" type="text" name="champ6" id="champ6" size="30" />
</p>
<p><label>Niveau global :  </label><br/>
<input required="required" type="text" name="champ7" id="champ7" size="30" />
</p>
<p><label>Nombre de trophées actuels :  </label><br/>
<input type="text" name="champ8" id="champ8" size="30" required="required" />
</p>
<p><label>Record de trophées :  </label><br/>
<input type="text" name="champ9" id="champ9" size="30" required="required" />
</p>
<p><label>Nombre de victoires (visibles sur votre profil) :  </label><br/>
<input required="required" type="text" name="champ10" id="champ10" size="30" />
</p>
<p><label>Nombre de dons (visibles sur votre profil) :  </label><br/>
<input required="required" type="text" name="champ11" id="champ11" size="30" />
</p>
<p><label>Toutes vos cartes "epics" possédées (et leur niveau) :  </label><br/>
<textarea id="champ12" name="champ12" rows="2" required="required" cols="50"></textarea>
</p>
<p><label>Toutes vos cartes rares possédées (et leur niveau) :  </label><br/>
<textarea id="champ13" name="champ13" rows="3" required="required" cols="50"></textarea>
</p>
<p><label>Toutes vos cartes normales possédées (et leur niveau) :  </label><br/>
<textarea id="champ14" name="champ14" rows="3" required="required" cols="50"></textarea>
</p>
<p><label>Depuis combien de temps jouez-vous ?  </label><br/>
<input required="required" type="text" name="champ15" id="champ15" size="30" />
</p>
<p><label>Comment nous avez-vous connu ?  </label><br/>
<textarea id="champ16" name="champ16" rows="3" required="required" cols="50"></textarea>
</p>
<p><label>Qu'attendez-vous de nous ?  </label><br/>
<textarea id="champ17" name="champ17" rows="3" required="required" cols="50"></textarea>
</p>
<p><label>Pourquoi nous rejoindre ?  </label><br/>
<textarea id="champ18" name="champ18" rows="3" required="required" cols="50"></textarea>
</p>
<p><input type="submit" name="post" value="Envoyez votre candidature" />
</p>
</form>

[Invité]

Merci