IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Formulaire et boutons


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    193
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : Tunisie

    Informations forums :
    Inscription : Août 2006
    Messages : 193
    Par défaut Formulaire et boutons
    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>

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    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 }

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    193
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : Tunisie

    Informations forums :
    Inscription : Août 2006
    Messages : 193
    Par défaut
    Citation Envoyé par 12monkeys Voir le message
    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

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Sans css je pense à deux solutions :

    1. Solution bourin

      tu mets des &nbsp; entre tes input...

    2. 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>

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2006
    Messages
    193
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : Tunisie

    Informations forums :
    Inscription : Août 2006
    Messages : 193
    Par défaut
    Merci beaucoup 12monkeys

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    De rien

    Juste comme ça t'as pris quelle solution ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Formulaire]Un bouton pour valider deux fomulaires
    Par Le_tzao dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 01/12/2005, 11h08
  2. Formulaire deux boutons....
    Par Thierry8 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 16/09/2005, 09h03
  3. formulaire/lien/bouton image envoyer
    Par charlotte10 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 19/08/2005, 16h46
  4. [debutant][formulaire] deux boutons
    Par F.F. dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 08/03/2005, 15h44
  5. Formulaire et bouton submit avec image mapée
    Par dody dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/12/2004, 16h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo