Placer deux boutons de type submit dans un <form>

- - Dernière réponse : jordane45
Messages postés
23637
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 décembre 2018
- 15 juil. 2018 à 20:59
salut,
je cherche comment placer deux ou plusieurs boutons de type submit qui doivent m'envoyer a deux adresses differents dans une balise <form> contenant un formulaire

<html>
    <head>
        <title></title>
        <link rel="stylesheet" href="css1.css">
    </head>
</html>
<body>
    <div class="container">  
  <form id="contact" action="" method="post">
    <h3> nom App</h3>
    <h4></h4>
    <fieldset> 
      <input placeholder="Votre nom" type="text" tabindex="1" required autofocus>
    </fieldset>
    <fieldset>
      <input placeholder="Votre email" type="email" tabindex="2" required>
    </fieldset>
    <fieldset>
      <input placeholder="telephone" type="tel" tabindex="3" required>
    </fieldset>
    <fieldset>
      <input placeholder="votre site web" type="url" tabindex="4" required>
    </fieldset>
    <fieldset>
      <textarea placeholder="laissez un message" tabindex="5" required></textarea>
    </fieldset>
    <fieldset>
      <button name="submit" type="submit" id="contact-submit">Submit1</button>
    </fieldset>
    <fieldset>
      <button name="submit" type="submit" id="contact-submit">Submit2</button>    
    </fieldset>
  </form>
</div> 
Afficher la suite 

Votre réponse

1 réponse

Messages postés
23637
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 décembre 2018
0
Merci
Bonjour,

Il serait bien de ne pas ouvrir 10 discussions pour la même chose..... surtout que tu as laissé les autres discussions ouvertes. Merci donc de les fermer !

Ensuite, pour ton besoin :
Mettre des Boutons de type "button" (et non submit)
Y mettre des ONCLICK => https://www.w3schools.com/jsref/event_onclick.asp

En fonction du bouton choisi, remplir l'atribut "ACTION" de ton form puis déclencher le "submit" par javascript
document.formulaire.action = urlAvisiter1;// (ou urlAvisiter2 );
document.formulaire.submit();


Commenter la réponse de jordane45

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.