Barre de recherche en html externe

Fermé

adrienhecq - Modifié le 26 juil. 2021 à 21:52
adrienhecq - 27 juil. 2021 à 16:40

Bonjour,

Je souhaiterai savoir comment créer une barre de recherche en HTML qui recherche et qui envoi la recherche sur un site externe :

Type de recherche : https://monsite.fr/?s=LARECHERCHE&product

Merci d'avance

A voir également:

Barre de recherche html css
Créer une barre de recherche html - Meilleures réponses
Barre recherche html - Meilleures réponses
Recherche automatique des chaînes ne fonctionne pas - Guide
Barre verticale clavier ✓ - Forum Autres distributions Linux
Égal barré ✓ - Forum Clavier
Comment faire le signe = barré? ✓ - Forum Bureautique
Editeur html - Télécharger - HTML

2 réponses

Réponse 1 / 2

Pendrag
27 juil. 2021 à 00:25

Salut
euh HTML ne sert tout simplement pas à ça...

https://developer.mozilla.org/fr/docs/Web/HTML

Pour une recherche il faut de la programmation et une base de données dans l'idéal.

Réponse 2 / 2

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
27 juil. 2021 à 10:06

Bonjour,

Simplement via un formulaire :

<form action="https://monsite.com" method="get">
  <input type="search" name="s" required>
  <input type="submit" value="Rechercher">
</form>

Le paramètre product n'a pas de valeur dans l'url. Si on veut vraiment ce paramètre, on peut ajouter un <input type="hidden" name="product"> dans le formulaire.

Bonne journée,

adrienhecq
27 juil. 2021 à 16:26

Merci pour votre réponse,

En fait la recherche s’effectue sur une page de ecommerce WordPress, et la recherche de position après le s et avant product…

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525 > adrienhecq
27 juil. 2021 à 16:35

Et quel est le soucis ?

Comme indiqué dans mon premier message, on peut ajouter un input hidden pour envoyer le paramètre product :

<form action="https://monsite.com" method="get">
  <input type="search" name="s" value="TOTO" required>
  <input type="submit" value="Rechercher">
  <input type="hidden" name="product">
</form>

La validation de ce formulaire permet bien d'effectuer une requête http get sous la forme :
https://monsite.com/?s=TOTO&product=

adrienhecq > Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022
27 juil. 2021 à 16:40

Autant pour moi j’avais pas fait attention au dernier paragraphe.

Parfait merci pour la solution.

Au plaisir

Discussions similaires

html/css: faire une belle barre de recherche

Code HTML barre de recherche

Barre de recherche interne

masquer/afficher Div avec CSS sans JS

compteur de visites en html...

Comment créer une barre horizontale HTML/CSS?