Apparence d'un fomulaire
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Apparence d'un fomulaire
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
Bonjourje 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
Re: Apparence d'un fomulaire
Bonjour,
cela vient du fait que vous ayez forcé la largeur des input et des label à 450px, essayez plutôt comme ça :
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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Apparence d'un fomulaire
Super merci ça marche
Laurent D
Laurent D
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum