Permettre à l'élément <Form> d'effectuer 2 actions

Version imprimable

07/08/2018, 16h59
roukizouki62

Permettre à l'élément <Form> d'effectuer 2 actions

Bonjour,

je suis nouveau sur ce forum et débutant en HTML, ma problématique est la suivante :

dans ma page web, j'ai créé une barre de recherche qui renvoie les résultats trouvés sur Google ( https://www.google.fr/search), on m'a demandé de proposer un second bouton qui renvoie ces mêmes résultats sur Qwant, afin que l'utilisateur ait la "liberté" de choisir sur quel moteur de recherche, il souhaite effectuer ses recherches.

Ma question est, est-il possible d'affecter pour un même champ de recherche, 2 boutons qui utiliseront chacun un moteur de recherche différent ?

Cordialement,

Bonsoir, pour des raisons d'honnêteté intellectuelle, je n'ai jamais essayé ce genre de truc. Mais je pense que c'est faisable.

Exemple :
code html du formulaire recherche :

Code:

1
2
3
4
5
6
7
 
<form action="search.php" method="GET" enctype="multipart/form-data">
                   <input style="border: solid 1px #001a33; border-radius: 3em;" type="search" placeholder="Rechercher...">
 
             <button style="" type="submit" name="google" value="Recherche sur Google"><i class="fa fa-search" aria-hidden="true"></i></button>
             <button style="" type="submit" name="search" value="Autre"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>

code du fichier de traitement:

Code:

1
2
3
4
5
6
7
 
if (isset($_GET['google'])) {
.............
else if (isset($_GET['search'])) {
.......
  }
}

Cordialement.

08/08/2018, 11h49
roukizouki62

Merci beaucoup pour votre réponse, par contre étant débutant et ne pratiquant pas de php, comment intégrer le code php dans mon fichier html ?
08/08/2018, 13h24
Manequin

Salut, sans toute fois t'abandonner je te conseil de faire une petite recherche sur le php.

Cordialement.

Bonjour,

@Manequin

Citation:

Envoyé par roukizouki62

...qui renvoie les résultats trouvés sur Google ( https://www.google.fr/search)...

C'est Google Search qui traite l'info.
Pas lui.

Il existe une solution en HTML :

<input> (voir l'attribut formaction)
HTML <input> formaction Attribute - Vérifier aussi la compatibilité (I.E.10 ou +)

En reprenant l'exemple :
Code:

1 2 3 4 5 <form action="https://www.google.fr/search" method="get"> ... <input type="submit" value="Submit to Google"><br /> <input type="submit" formaction="https://www.qwant.com/" value="Submit to Qwant"> </form>

20/08/2018, 15h11
roukizouki62

Merci beaucoup pour l'astuce, cela fonctionne à merveille