deniev
@deniev

Как сделать простое поле поиска на html/js?

На сайте есть страница поиска:

/search/запрос

Мне нужно создать простое поле ввода, чтобы при нажатии на кнопку Поиск или ↵ Enter вызывалась страница поиска с соответствующим запросом.

Я сделал и всё работает:

<input id="searchInput" oninput="((input) => document.getElementById('searchInputButton').href = 'search/' + input.value )(this)">

<a id="searchInputButton">
    Поиск
</a>

<script>
    document.getElementById('searchInput').addEventListener("keyup", (event) => {
        if (event.keyCode === 13 || event.code === "Enter") {
            document.getElementById('searchInputButton').click();
        }
    });
</script>

Но не покидает ощущение что сделано не правильно, мне кажется есть способ сделать это проще, типа на чистом html.
  • Вопрос задан
  • 336 просмотров
Решения вопроса 1
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
<form action='/search/' method='get'>
<input type='text' name='q'>
<input type='submit' value='search'>
</form>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы