Placer deux boutons de type submit dans un <form>

leon237 - 15 juil. 2018 à 20:34
jordane45

Messages postés: 35833
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 7 juillet 2022

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

A voir également:

Javascript submit form
W3schools fieldset - Meilleures réponses
Submit form javascript - Meilleures réponses
Submit form dans une page inactive depuis x minutes ✓ - Forum - PHP
Submit form sans reload ✓ - Forum - Javascript / DHTML
Javascript : Presente un texte sous forme de generique, texte ki defile - CodeS SourceS - Guide
Javascript : Affiche date sous la forme : jeudi 6 avril 2004 - CodeS SourceS - Guide
Javascript : Menu en forme de tableau contament visible -en partie- et qui apparaît totalement - Guide

1 réponse

Réponse 1 / 1

jordane45

Messages postés: 35833
Date d'inscription: mercredi 22 octobre 2003
Statut: Modérateur
Dernière intervention: 7 juillet 2022

358
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();

Votre réponse