Placer deux boutons de type submit dans un <form>

leon237 - 15 juil. 2018 à 20:34
jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 - 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> 

1 réponse

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 344
15 juil. 2018 à 20:59
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();


0
Rejoignez-nous