Apparence d'un fomulaire

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Apparence d'un fomulaire

Message par laurent Dr le Lun 16 Fév 2015 - 13:57

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://balou.forumgratuit.ch

Description du problème

Bonjour
je suis en train de créer un formulaire tous va bien mais j'ai un souci d'apparence

voici le code
Code:
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 455px;
    /* Pour voir les limites du formulaire */
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement */
    display: inline-block;
    width: 450px;
    text-align: left;
  font-family: Arial;
  font-weight: bold;
}

input, textarea {
    /* Afin de s'assurer que tous les champs textuels utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
    font: 1em arial;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 450px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    border: 1px solid #999;
}

input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
    border-color: #000;
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 5em;
}
</style> 
<p>
                                       <br />   
</p>
<center>
                                   <img src="http://i38.servimg.com/u/f38/19/10/70/97/i_want10.png" /><br /><br />  <span style="color: rgb(255, 0, 0); font-family: Arial; font-size: 32px;">Formulaire d'inscription</span>
</center>
<p>
</p>
  <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 = "Bonjour à tous les balous, je me présente : \n\n[color=#FF0000][b]Pseudo :[/color][/b] " + form.pseudo.value + '\n'
+ "[color=#FF0000][b]Âge :[/color][/b] " + form.age.value + '\n'
+ "[color=#FF0000][b]Mes chars disponibles Tier 6 :[/color][/b] " + form.char_tier_61.value + '\n\n'
+ "[color=#FF0000][b]Mes chars disponibles Tier 8 :[/color][/b] " + form.char_tier_8.value + '\n\n'
+ "[color=#FF0000][b]Voici mes disponibilités : [/color][/b] " + form.dispo.value + '\n\n'
+ "[color=#FF0000][b]Pourquoi j'ai choisi le clan Balou :[/color][/b] " + form.choix.value + '\n\n'
+ "[color=#FF0000][b]Ce que je peux apporter aux Balous :[/color][/b] " + form.apport.value + '\n\n'
+ "[color=#FF0000][b]Mes espérances, mes souhaits :[/color][/b] " + form.souhaits.value + '\n\n'
+ "[color=#FF0000][b]Mon (mes) type(s) de char préféré(s) :[/color][/b] " + form.type_char.value + '\n\n'
+ "[color=#FF0000][b]Ma cote personnelle :[/color][/b] " + form.cote.value + '\n\n'
+ "[color=#FF0000][b]Mon nombre de batailles :[/color][/b] " + form.nb_bataille.value + '\n\n'
+ "[color=#FF0000][b]Mon % de coup au buts :[/color][/b] " + form.cout_but.value + '\n\n'
+ "[color=#FF0000][b]Mon expérience moyenne par bataille :[/color][/b] " + form.experience.value + '\n\n'
+ "[color=#FF0000][b]Mes dégâts moyens causés par bataille :[/color][/b] " + form.degats.value + '\n\n'
+ "[color=#FF0000][b]Mes dégâts moyens causés par bataille :[/color][/b] " + form.degats.value + '\n\n'
+ "[color=#FF0000][b]Message personnel :[/color][/b] " + form.perso.value + '\n'         
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
 
}
</script> 
<!--                                  infos cachées                                  -->
<form action="http://balou.forumgratuit.ch/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
                                   <input type="hidden" name="lt" value="0" /><input type="hidden" class="pseudo" />                                 
   <!--                                  intègre le pseudo du posteur dans une variable                                  --><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 = Note / 2 = annonce)                                  --><input type="hidden" name="message" value="" />                                 
   <!--                                  Contiendra le texte du message                                  --><input type="hidden" name="f" value="6" />                                 
   <!--                                    ID du forum dans lequel le message sera posté                                  --><input type="hidden" name="subject" id="titre" value="Présentation de " class="pseudo" />                                   
   <!--                                  Cases à remplir du formulaire                                  --><label for="pseudo">Pseudo ( Le même que WOT ): </label><input type="text" id="pseudo" value="" required="required" />                                 
   <p>
                                      <label for="age">Âge : </label><input type="text" id="age" value="" required="required" />                                 
   </p>
                                                          
   <p>
                                      <label for="char_tier_61">Vos chars disponibles Tier 6 :<br /></label><textarea id="char_tier_61" required="required"></textarea>                                 
   </p>
                          
   <center>
                             
      <table>
                   <caption>Vos chars disponibles Tier 6 :</caption>                   
         <tbody>
                               
            <tr>
                                              
               <th>
                            Char Lourd         
               </th>
                                              
               <th>
                            Char Medium         
               </th>
                                              
               <th>
                            Chasseur de Char         
               </th>
                                              
               <th>
                            Char Léger         
               </th>
                                              
               <th>
                            Artillerie         
               </th>
                                            
            </tr>
                                         
            <tr>
                                              
               <td>
                            <input value="m6" id="m6" name="char_tier_6" type="checkbox" /><label for="m6">M6</label>         
               </td>
                                              
               <td>
                            <input value="m4a3e2" id="m4a3e2" name="char_tier_6" type="checkbox" /><label for="m4a3e2">M4A3E2</label> 
               </td>
                                              
               <td>
                            <input value="jackson" id="jackson" name="char_tier_6" type="checkbox" /><label for="jackson">Jackson</label> 
               </td>
                                              
               <td>
                            <input value="t21" id="t21" name="char_tier_6" type="checkbox" /><label for="t21">T21</label> 
               </td>
                                  
               <td>
                            <input value="m44" id="m44" name="char_tier_6" type="checkbox" /><label for="m44">M44</label> 
               </td>
                                            
            </tr>
                                         
            <tr>
                                              
               <td>
                            <input value="vk3601h" id="vk3601h" name="char_tier_6" type="checkbox" /><label for="vk3601h">VK 36.01 (H)</label>         
               </td>
                                              
               <td>
                            <input value="m4a3e8" id="m4a3e8" name="char_tier_6" type="checkbox" /><label for="m4a3e8">M4A3E8</label>
               </td>
                                              
               <td>
                            <input value="hellcat" id="hellcat" name="char_tier_6" type="checkbox" /><label for="hellcat">Hellcat</label>
               </td>
                                              
               <td>
                            <input value="vk2801" id="vk2801" name="char_tier_6" type="checkbox" /><label for="vk2801">VK 28.01</label>
               </td>
                                  
               <td>
                            <input value="hummel" id="hummel" name="char_tier_6" type="checkbox" /><label for="hummel">Hummel</label>
               </td>
                                            
            </tr>
                               
            <tr>
                                              
               <td>
                            <input value="arl44" id="arl44" name="char_tier_6" type="checkbox" /><label for="arl44">ARL 44</label>
               </td>
                                              
               <td>
                            <input value="vk3002m" id="vk3002m" name="char_tier_6" type="checkbox" /><label for="vk3002m">VK 30.02 (M)</label>                               
               </td>
               <td>
                            <input value="jagdpziv" id="jagdpziv" name="char_tier_6" type="checkbox" /><label for="jagdpziv">JagdPz IV</label>
               </td>
                                              
               <td>
                            <input value="amx12t" id="amx12t" name="char_tier_6" type="checkbox" /><label for="amx12t">AMX 12 t</label>
               </td>
                                  
               <td>
                            <input value="amx13f3" id="amx13f3" name="char_tier_6" type="checkbox" /><label for="amx13f3">AMX 13 F3</label>
               </td>
                                            
            </tr>
                                       
            <tr>
                                              
               <td>
                            <input value="churchillvii" id="churchillvii" name="char_tier_6" type="checkbox" /><label for="churchillvii">Churchill VII</label>
               </td>
                                              
               <td>
                            <input value="vk3001d" id="vk3001d" name="char_tier_6" type="checkbox" /><label for="vk3001d">VK 30.01 (D)</label>
               </td>
                                              
               <td>
                            <input value="dmax" id="dmax" name="char_tier_6" type="checkbox" /><label for="dmax">D. Max</label>
               </td>
                                              
               <td>
                            <input value="mt25" id="mt25" name="char_tier_6" type="checkbox" /><label for="mt25">MT-25</label>
               </td>
                                  
               <td>
                            <input value="fv304" id="fv304" name="char_tier_6" type="checkbox" /><label for="fv304">FV304</label>
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                            <input value="togii" id="togii" name="char_tier_6" type="checkbox" /><label for="togii">TOG II*</label>
               </td>
                                              
               <td>
                            <input value="vk3001p" id="vk3001p" name="char_tier_6" type="checkbox" /><label for="vk3001p">VK 30.01 (P)</label>
               </td>
                                              
               <td>
                            <input value="nashorn" id="nashorn" name="char_tier_6" type="checkbox" /><label for="nashorn">Nashorn</label>
               </td>
                                              
               <td>
                            <input value="5916" id="5916" name="char_tier_6" type="checkbox" /><label for="5916">59-16</label>
               </td>
                                              
               <td>
                            <input value="su8" id="su8" name="char_tier_6" type="checkbox" /><label for="su8">SU-8</label>
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                            <input value="kv2" id="kv2" name="char_tier_6" type="checkbox" /><label for="kv2">KV-2</label>
               </td>
                                              
               <td>
                            <input value="pzivs" id="pzivs" name="char_tier_6" type="checkbox" /><label for="pzivs">Pz. IV S</label>
               </td>
                                              
               <td>
                            <input value="arlv39" id="arlv39" name="char_tier_6" type="checkbox" /><label for="arlv39">ARL V39</label>
               </td>
                                              
               <td>
                            <input value="type64" id="type64" name="char_tier_6" type="checkbox" /><label for="type64">Type 64</label>
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                            <input value="t150" id="t150" name="char_tier_6" type="checkbox" /><label for="t150">T-150</label>
               </td>
                                              
               <td>
                            <input value="pzviv" id="pzviv" name="char_tier_6" type="checkbox" /><label for="pzviv">Pz. V/IV</label>
               </td>
                                              
               <td>
                            <input value="churchillgc" id="churchillgc" name="char_tier_6" type="checkbox" /><label for="churchillgc">Churchill GC</label>
               </td>
                                              
               <td>
                            <input value="t37" id="t37" name="char_tier_6" type="checkbox" /><label for="t37">T37</label>
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                            <input value="kv85" id="kv85" name="char_tier_6" type="checkbox" /><label for="kv85">KV-85</label>
               </td>
                                              
               <td>
                            <input value="cromwell" id="cromwell" name="char_tier_6" type="checkbox" /><label for="cromwell">Cromwell</label>
               </td>
                                              
               <td>
                            <input value="at8" id="at8" name="char_tier_6" type="checkbox" /><label for="at8">AT 8</label>
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                            <input value="t3485" id="t3485" name="char_tier_6" type="checkbox" /><label for="t3485">T-34-85</label>
               </td>
                                              
               <td>
                            <input value="su100" id="su100" name="char_tier_6" type="checkbox" /><label for="su100">SU-100</label>
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                            <input value="a43" id="a43" name="char_tier_6" type="checkbox" /><label for="a43">A-43</label>
               </td>
                                              
               <td>
                            <input value="su100y" id="su100y" name="char_tier_6" type="checkbox" /><label for="su100y">SU-100Y</label>
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                            <input value="type58" id="type58" name="char_tier_6" type="checkbox" /><label for="type58">Type 58</label>
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                       
            <tr>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                            <input value="type4chito" id="type4chito" name="char_tier_6" type="checkbox" /><label for="type4chito">Type 4 Chi-To</label>
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                              
               <td>
                                       
               </td>
                                            
            </tr>
                           
         </tbody>
                            
      </table>
                                 
      <p>
                                
      </p>
                                                                 
      <p>
                                         <label for="char_tier_8">Vos chars disponibles Tier 8 :<br /></label><textarea id="char_tier_8" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                         <label for="dispo">Quelle est votre disponibilité (heures et jours) :<br /></label><textarea id="dispo" required="required"></textarea>                                 
      </p>
                                                                     
      <p>
                                         <label for="choix">Pourquoi avoir choisi le clan Balou :<br /></label><textarea id="choix" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                         <label for="apport">Que pensez-vous apporter aux Balous :<br /></label><textarea id="apport" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                         <label for="souhaits">Vos espérances, vos souhaits :<br /></label><textarea id="souhaits" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                         <label for="type_char">Votre type de char préféré (Arty, TD, Lights, Medium, Heavy) :<br /></label><textarea id="type_char" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                         <label for="mod">Avez-vous des MODS installés ? OUI / NON : </label><input type="text" id="mod" value="" required="required" />                                 
      </p>
                                                                     
      <p>
                                         <label for="cote">Cote personnelle : </label><input type="text" id="cote" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                         <label for="nb_bataille">Nombre de batailles : </label><input type="text" id="nb_bataille" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                         <label for="cout_but">% de coup au but : </label><input type="text" id="cout_but" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                         <label for="experience">Expérience moyenne par bataille : </label><input type="text" id="experience" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                         <label for="degats">Dégâts moyens causés par bataille : </label><input type="text" id="degats" value="" required="required" />                                 
      </p>
                                                         
      <p>
                                         <label for="perso">Message personnelle :<br /></label><textarea id="perso" required="required"></textarea>                                 
      </p>
                                                                     
      <p>
                                         <input type="submit" name="post" value="Poster votre présentation" />                               
      </p>
                         
   </center>
</form>

et voici ce que ça affiche :


alors que si a la place des checbox je met que du texte :


merci de me dire ce que j'ai oublié de faire

Laurent D

laurent Dr
*

Masculin
Messages : 44
Inscrit(e) le : 14/01/2015

http://balou.forumgratuit.ch
laurent Dr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence d'un fomulaire

Message par MlleAlys le Lun 16 Fév 2015 - 15:52

Bonjour,
cela vient du fait que vous ayez forcé la largeur des input et des label à 450px, essayez plutôt comme ça :
Code:
<style>
form {
    /* Pour le centrer dans la page */
    margin: 0 auto;
    width: 455px;
    /* Pour voir les limites du formulaire */
    padding: 1em;
    border: 1px solid #CCC;
    border-radius: 1em;
}
 
form div + div {
    margin-top: 1em;
}
 
label {
    /* Afin de s'assurer que toutes les étiquettes aient la même dimension et soient alignées correctement */
    display: inline-block;
    text-align: left;
  font-family: Arial;
  font-weight: bold;
}
  #chars label {
    font-size:0.7em;
    font-weight:normal;
  }

input[type="text"], textarea {
    /* Afin de s'assurer que tous les champs textuels utilisent la même police
      Par défaut, textarea utilise une police à espacement constant */
    font: 1em arial;
 
    /* Pour donner la même dimension à tous les champs textuels */
    width: 450px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    /* Pour harmoniser l'apparence des bordures des champs textuels */
    border: 1px solid #999;
}

input:focus, textarea:focus {
    /* Afin de rehausser les éléments actifs */
    border-color: #000;
}
 
textarea {
    /* Pour aligner correctement les champs multilignes et leurs étiquettes */
    vertical-align: top;
 
    /* Pour donner assez d'espace pour entrer du texte */
    height: 5em;
}
</style> 
<p>
                                      <br />   
</p>
<center>
                                  <img src="http://i38.servimg.com/u/f38/19/10/70/97/i_want10.png" /><br /><br />  <span style="color: rgb(255, 0, 0); font-family: Arial; font-size: 32px;">Formulaire d'inscription</span>
</center>
<p>
</p>
  <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 = "Bonjour à tous les balous, je me présente : \n\n[color=#FF0000][b]Pseudo :[/color][/b] " + form.pseudo.value + '\n'
+ "[color=#FF0000][b]Âge :[/color][/b] " + form.age.value + '\n'
+ "[color=#FF0000][b]Mes chars disponibles Tier 6 :[/color][/b] " + form.char_tier_61.value + '\n\n'
+ "[color=#FF0000][b]Mes chars disponibles Tier 8 :[/color][/b] " + form.char_tier_8.value + '\n\n'
+ "[color=#FF0000][b]Voici mes disponibilités : [/color][/b] " + form.dispo.value + '\n\n'
+ "[color=#FF0000][b]Pourquoi j'ai choisi le clan Balou :[/color][/b] " + form.choix.value + '\n\n'
+ "[color=#FF0000][b]Ce que je peux apporter aux Balous :[/color][/b] " + form.apport.value + '\n\n'
+ "[color=#FF0000][b]Mes espérances, mes souhaits :[/color][/b] " + form.souhaits.value + '\n\n'
+ "[color=#FF0000][b]Mon (mes) type(s) de char préféré(s) :[/color][/b] " + form.type_char.value + '\n\n'
+ "[color=#FF0000][b]Ma cote personnelle :[/color][/b] " + form.cote.value + '\n\n'
+ "[color=#FF0000][b]Mon nombre de batailles :[/color][/b] " + form.nb_bataille.value + '\n\n'
+ "[color=#FF0000][b]Mon % de coup au buts :[/color][/b] " + form.cout_but.value + '\n\n'
+ "[color=#FF0000][b]Mon expérience moyenne par bataille :[/color][/b] " + form.experience.value + '\n\n'
+ "[color=#FF0000][b]Mes dégâts moyens causés par bataille :[/color][/b] " + form.degats.value + '\n\n'
+ "[color=#FF0000][b]Mes dégâts moyens causés par bataille :[/color][/b] " + form.degats.value + '\n\n'
+ "[color=#FF0000][b]Message personnel :[/color][/b] " + form.perso.value + '\n'         
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
 
}
</script> 
<!--                                  infos cachées                                  -->
<form action="http://balou.forumgratuit.ch/posting.forum" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
                                  <input type="hidden" name="lt" value="0" /><input type="hidden" class="pseudo" />                                 
  <!--                                  intègre le pseudo du posteur dans une variable                                  --><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 = Note / 2 = annonce)                                  --><input type="hidden" name="message" value="" />                                 
  <!--                                  Contiendra le texte du message                                  --><input type="hidden" name="f" value="6" />                                 
  <!--                                    ID du forum dans lequel le message sera posté                                  --><input type="hidden" name="subject" id="titre" value="Présentation de " class="pseudo" />                                   
  <!--                                  Cases à remplir du formulaire                                  --><label for="pseudo">Pseudo ( Le même que WOT ): </label><input type="text" id="pseudo" value="" required="required" />                                 
  <p>
                                      <label for="age">Âge : </label><input type="text" id="age" value="" required="required" />                                 
  </p>
                                                         
  <p>
                                      <label for="char_tier_61">Vos chars disponibles Tier 6 :<br /></label><textarea id="char_tier_61" required="required"></textarea>                               
  </p>
                         
  <center>
                             
      <table id="chars">
                  <caption>Vos chars disponibles Tier 6 :</caption>                   
        <tbody>
                               
            <tr>
                                             
              <th>
                            Char Lourd         
              </th>
                                             
              <th>
                            Char Medium         
              </th>
                                             
              <th>
                            Chasseur de Char         
              </th>
                                             
              <th>
                            Char Léger         
              </th>
                                             
              <th>
                            Artillerie         
              </th>
                                           
            </tr>
                                         
            <tr>
                                             
              <td>
                            <input value="m6" id="m6" name="char_tier_6" type="checkbox" /><label for="m6">M6</label>         
              </td>
                                             
              <td>
                            <input value="m4a3e2" id="m4a3e2" name="char_tier_6" type="checkbox" /><label for="m4a3e2">M4A3E2</label> 
              </td>
                                             
              <td>
                            <input value="jackson" id="jackson" name="char_tier_6" type="checkbox" /><label for="jackson">Jackson</label> 
              </td>
                                             
              <td>
                            <input value="t21" id="t21" name="char_tier_6" type="checkbox" /><label for="t21">T21</label> 
              </td>
                                 
              <td>
                            <input value="m44" id="m44" name="char_tier_6" type="checkbox" /><label for="m44">M44</label> 
              </td>
                                           
            </tr>
                                         
            <tr>
                                             
              <td>
                            <input value="vk3601h" id="vk3601h" name="char_tier_6" type="checkbox" /><label for="vk3601h">VK 36.01 (H)</label>         
              </td>
                                             
              <td>
                            <input value="m4a3e8" id="m4a3e8" name="char_tier_6" type="checkbox" /><label for="m4a3e8">M4A3E8</label>
              </td>
                                             
              <td>
                            <input value="hellcat" id="hellcat" name="char_tier_6" type="checkbox" /><label for="hellcat">Hellcat</label>
              </td>
                                             
              <td>
                            <input value="vk2801" id="vk2801" name="char_tier_6" type="checkbox" /><label for="vk2801">VK 28.01</label>
              </td>
                                 
              <td>
                            <input value="hummel" id="hummel" name="char_tier_6" type="checkbox" /><label for="hummel">Hummel</label>
              </td>
                                           
            </tr>
                               
            <tr>
                                             
              <td>
                            <input value="arl44" id="arl44" name="char_tier_6" type="checkbox" /><label for="arl44">ARL 44</label>
              </td>
                                             
              <td>
                            <input value="vk3002m" id="vk3002m" name="char_tier_6" type="checkbox" /><label for="vk3002m">VK 30.02 (M)</label>                               
              </td>
              <td>
                            <input value="jagdpziv" id="jagdpziv" name="char_tier_6" type="checkbox" /><label for="jagdpziv">JagdPz IV</label>
              </td>
                                             
              <td>
                            <input value="amx12t" id="amx12t" name="char_tier_6" type="checkbox" /><label for="amx12t">AMX 12 t</label>
              </td>
                                 
              <td>
                            <input value="amx13f3" id="amx13f3" name="char_tier_6" type="checkbox" /><label for="amx13f3">AMX 13 F3</label>
              </td>
                                           
            </tr>
                                       
            <tr>
                                             
              <td>
                            <input value="churchillvii" id="churchillvii" name="char_tier_6" type="checkbox" /><label for="churchillvii">Churchill VII</label>
              </td>
                                             
              <td>
                            <input value="vk3001d" id="vk3001d" name="char_tier_6" type="checkbox" /><label for="vk3001d">VK 30.01 (D)</label>
              </td>
                                             
              <td>
                            <input value="dmax" id="dmax" name="char_tier_6" type="checkbox" /><label for="dmax">D. Max</label>
              </td>
                                             
              <td>
                            <input value="mt25" id="mt25" name="char_tier_6" type="checkbox" /><label for="mt25">MT-25</label>
              </td>
                                 
              <td>
                            <input value="fv304" id="fv304" name="char_tier_6" type="checkbox" /><label for="fv304">FV304</label>
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                            <input value="togii" id="togii" name="char_tier_6" type="checkbox" /><label for="togii">TOG II*</label>
              </td>
                                             
              <td>
                            <input value="vk3001p" id="vk3001p" name="char_tier_6" type="checkbox" /><label for="vk3001p">VK 30.01 (P)</label>
              </td>
                                             
              <td>
                            <input value="nashorn" id="nashorn" name="char_tier_6" type="checkbox" /><label for="nashorn">Nashorn</label>
              </td>
                                             
              <td>
                            <input value="5916" id="5916" name="char_tier_6" type="checkbox" /><label for="5916">59-16</label>
              </td>
                                             
              <td>
                            <input value="su8" id="su8" name="char_tier_6" type="checkbox" /><label for="su8">SU-8</label>
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                            <input value="kv2" id="kv2" name="char_tier_6" type="checkbox" /><label for="kv2">KV-2</label>
              </td>
                                             
              <td>
                            <input value="pzivs" id="pzivs" name="char_tier_6" type="checkbox" /><label for="pzivs">Pz. IV S</label>
              </td>
                                             
              <td>
                            <input value="arlv39" id="arlv39" name="char_tier_6" type="checkbox" /><label for="arlv39">ARL V39</label>
              </td>
                                             
              <td>
                            <input value="type64" id="type64" name="char_tier_6" type="checkbox" /><label for="type64">Type 64</label>
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                            <input value="t150" id="t150" name="char_tier_6" type="checkbox" /><label for="t150">T-150</label>
              </td>
                                             
              <td>
                            <input value="pzviv" id="pzviv" name="char_tier_6" type="checkbox" /><label for="pzviv">Pz. V/IV</label>
              </td>
                                             
              <td>
                            <input value="churchillgc" id="churchillgc" name="char_tier_6" type="checkbox" /><label for="churchillgc">Churchill GC</label>
              </td>
                                             
              <td>
                            <input value="t37" id="t37" name="char_tier_6" type="checkbox" /><label for="t37">T37</label>
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                            <input value="kv85" id="kv85" name="char_tier_6" type="checkbox" /><label for="kv85">KV-85</label>
              </td>
                                             
              <td>
                            <input value="cromwell" id="cromwell" name="char_tier_6" type="checkbox" /><label for="cromwell">Cromwell</label>
              </td>
                                             
              <td>
                            <input value="at8" id="at8" name="char_tier_6" type="checkbox" /><label for="at8">AT 8</label>
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                            <input value="t3485" id="t3485" name="char_tier_6" type="checkbox" /><label for="t3485">T-34-85</label>
              </td>
                                             
              <td>
                            <input value="su100" id="su100" name="char_tier_6" type="checkbox" /><label for="su100">SU-100</label>
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                            <input value="a43" id="a43" name="char_tier_6" type="checkbox" /><label for="a43">A-43</label>
              </td>
                                             
              <td>
                            <input value="su100y" id="su100y" name="char_tier_6" type="checkbox" /><label for="su100y">SU-100Y</label>
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                            <input value="type58" id="type58" name="char_tier_6" type="checkbox" /><label for="type58">Type 58</label>
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                       
            <tr>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                            <input value="type4chito" id="type4chito" name="char_tier_6" type="checkbox" /><label for="type4chito">Type 4 Chi-To</label>
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                             
              <td>
                                       
              </td>
                                           
            </tr>
                           
        </tbody>
                           
      </table>
                                 
      <p>
                               
      </p>
                                                                 
      <p>
                                        <label for="char_tier_8">Vos chars disponibles Tier 8 :<br /></label><textarea id="char_tier_8" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                        <label for="dispo">Quelle est votre disponibilité (heures et jours) :<br /></label><textarea id="dispo" required="required"></textarea>                                 
      </p>
                                                                     
      <p>
                                        <label for="choix">Pourquoi avoir choisi le clan Balou :<br /></label><textarea id="choix" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                        <label for="apport">Que pensez-vous apporter aux Balous :<br /></label><textarea id="apport" required="required"></textarea>                               
      </p>
                                                             
      <p>
                                        <label for="souhaits">Vos espérances, vos souhaits :<br /></label><textarea id="souhaits" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                        <label for="type_char">Votre type de char préféré (Arty, TD, Lights, Medium, Heavy) :<br /></label><textarea id="type_char" required="required"></textarea>                                 
      </p>
                                                             
      <p>
                                        <label for="mod">Avez-vous des MODS installés ? OUI / NON : </label><input type="text" id="mod" value="" required="required" />                               
      </p>
                                                                     
      <p>
                                        <label for="cote">Cote personnelle : </label><input type="text" id="cote" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                        <label for="nb_bataille">Nombre de batailles : </label><input type="text" id="nb_bataille" value="" required="required" />                               
      </p>
                                                             
      <p>
                                        <label for="cout_but">% de coup au but : </label><input type="text" id="cout_but" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                        <label for="experience">Expérience moyenne par bataille : </label><input type="text" id="experience" value="" required="required" />                                 
      </p>
                                                             
      <p>
                                        <label for="degats">Dégâts moyens causés par bataille : </label><input type="text" id="degats" value="" required="required" />                                 
      </p>
                                                         
      <p>
                                        <label for="perso">Message personnelle :<br /></label><textarea id="perso" required="required"></textarea>                                 
      </p>
                                                                     
      <p>
                                        <input type="submit" name="post" value="Poster votre présentation" />                               
      </p>
                         
  </center>
</form>

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence d'un fomulaire

Message par laurent Dr le Lun 16 Fév 2015 - 16:03

Super merci ça marche

Laurent D

laurent Dr
*

Masculin
Messages : 44
Inscrit(e) le : 14/01/2015

http://balou.forumgratuit.ch
laurent Dr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum