Formulaire et boutons

**WhiteTigerZ** · 19/03/2008, 21h51

Hola tout le monde ,

Voila j'ai un formulaire de 2 boutons ("envoyer" et "annuler") malheureusement ils sont chacun a cote de l'autre (pas d'espace)! Je veux savoir comment faire pour les séparés (avoir de l'espace entre les deux bouton )
Merci d'avance pour vos réponses

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<html>
<head>
<script language="javascript">
function verif () 
{
 tr=false ;
 if (document.formulaire.num.value=="") 
  { 
    alert('le champ num cin est vide ');
    tr=true ;
  }
 else if (document.formulaire.nom.value=="") 
  { 
    alert('le champ nom est vide ');
    tr=true ;
  }
 else if (document.formulaire.prenom.value=="") 
  { 
    alert('le champ prenom est vide ');
	tr=true ;
  }
 else if (document.formulaire.email.value.indexOf('@')==-1) 
  {
   alert('le champ email est invalide ');
   tr=true ;
  }
 else if ((document.formulaire.html.checked==false) & (document.formulaire.javascript.checked==false) 
 & (document.formulaire.php.checked==false))
 {
  tr=true ;
  alert('il faut cocher ou moins un module ');
 }
 else if (tr==false) { document.formulaire.submit() }; 
}
</script>
<title>Inscription</title>
</head>
<body>
<center>
  <h1>Inscription </h1>
</center>
<form action="inscription.php" method="post" name="formulaire">
  <table>
    <tr>
 
      <td><strong> Num_CIN * </strong> </td>
      <td align="left"><input type="text" size="50" name="num">
      </td>
    </tr>
    <tr>
      <td><strong> Nom * </strong></td>
 
      <td align="left"><input type="text" size="50" name="nom">
      </td>
    </tr>
    <tr>
      <td><strong>Prénom * </strong> </td>
      <td align="right"><input type="text" size="70" name="prenom">
      </td>
    </tr>
 
    <tr>
      <td><strong>Ville</strong> </td>
      <td align="left"><input type="text" size="50" name="ville">
      </td>
    </tr>
    <tr>
      <td><strong>Adresse Email * </strong> </td>
 
      <td align="right"><input type="text" size="70" name="email">
      </td>
    </tr>
    <tr>
      <td></td>
      <td>(*)Champs obligatoires </td>
    </tr>
    <tr>
 
      <td><i> Modules de formation proposés : </i><br>
        <input type="checkbox" name="html">
        Le langage HTML <br>
        <input type="checkbox" name="javascript">
        Le langage Javascript <br>
        <input type="checkbox" name="php">
        Le langage PHP <br>
 
      </td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td><input type="button" value="Envoyer" onClick="verif()" >
        <a href="inscription.html"> <input type="button" value="Annuler"></a>
      </td>
 
    </tr>
  </table>
</form>
</body>
</html>

**12monkeys** · 19/03/2008, 21h58

Bonsoir

Tu peut mettre des marges à tes boutons :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<td>
<input type="button" value="Envoyer" class="input_marg" onClick="verif()" >
<input type="button" value="Annuler"  class="input_marg">
</td>

et le code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.input_marg { margin:0px 20px }

**WhiteTigerZ** · 19/03/2008, 22h23

Envoyé par 12monkeys

Bonsoir

Tu peut mettre des marges à tes boutons :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<td>
<input type="button" value="Envoyer" class="input_marg" onClick="verif()" >
<input type="button" value="Annuler"  class="input_marg">
</td>

et le code css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.input_marg { margin:0px 20px }

Est ce que c'est possible sans le CSS ,si c'est le cas je veux savoir comment le faire.
Merci encore

**12monkeys** · 19/03/2008, 23h00

Sans css je pense à deux solutions :

Solution bourin

tu mets des   entre tes input...
Solution moins bourin

Tu peut mettre tes input dans des celules de ton tableau :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<td>
<input type="button" value="Envoyer" class="input_marg" onClick="verif()" >
</td>
<td width="200"></td>
<td>
<input type="button" value="Annuler"  class="input_marg">
</td>

**WhiteTigerZ** · 20/03/2008, 10h51

Merci beaucoup 12monkeys

**12monkeys** · 20/03/2008, 17h42

De rien

Juste comme ça t'as pris quelle solution ?

Formulaire et boutons

HTML

Vue hybride

Discussions similaires

Partager

Partager