Поиск с переменной после ссылки https

#html #forms #button #search

#HTML #формы #кнопка #Поиск

Вопрос:

я пытаюсь создать кнопку поиска, которая устанавливает искомую статью в ссылке.

example.com/zoeken ?запрос=
после = необходимо задать искомую статью.(так должно быть ‘zoeken?запрос =статья’)

но когда я попробую, он установит много случайных символов. example.com/zoeken ?запрос=amp;article=zena

 <form action="https://pyroworks-demo.webshop.kei.io/zoeken?query=" method="get" target="_blank">
    <input type="hidden" name="query">
    <input type="text" name="article" placeholder="article">
    <input type="submit" value="send">
</form>
 

Может кто-нибудь помочь мне с этим?

 <!doctype html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home</title>
</head>
<body>
<div class="">
    <form action="https://pyroworks-demo.webshop.kei.io/zoeken?query=" method="get">
        <input type="hidden" name="query">
        <input type="text" name="article" placeholder="article">
        <input type="submit" value="send">
    </form>
</div>
</body>
</html> 

Ответ №1:

Вам не нужно query= в вашем действии. Форма отправки автоматически добавит все входные name атрибуты в качестве параметров запроса, если method get

Так что просто сделайте так:

 <form action="https://pyroworks-demo.webshop.kei.io/zoeken" method="get">
   <input type="text" name="query" placeholder="article">
   <input type="submit" value="send">
</form>