Как сделать поиск по сайту?

Question

[Егор Антропов]

Как сделать чтобы при нажатии на кнопку submit брался текст из инпута и вставлялся в адресную строку?
вот так --- ?search=(текст из инпута)

Comments

[Дмитрий]

Укажите форме метод get

Answer 1

[Анатолий Куликов]

<form action="/">
    <input type="search" name="search">
</form>

Comments

[Одиночка Айс]

method="get" забыли дать форме, хотя там, по умолчанию, вроде как, гет, но лучше указывать явно

Answer 2

[Станислав]

Можно так

<form id="search">
    <input type="search" name="search">
    <button type="submit">OK</button>
</form>

window.onload = function() {
  document.getElementById('search').addEventListener('submit', function(e) {
     e.preventDefault();
     
     let s = this.search.value;
     location.href = "?search=" + s;
  });
};

Comments

[Одиночка Айс]

Офигенный велосипед, браво!

Answer 3

[profesor08]

Для формы укажи method="GET" для ясности. Либо не указывай ничего, так как GET по умолчанию.

<form method="GET" action="/">
    <input type="search" name="search">
</form>