Как можно добавить и настроить кнопки для поискового поля?

Как создать и настроить функционал поля поиска с использованием кнопки?
  • 2 июля 2024 г. 16:12
Ответы на вопрос 2
Для добавления и настройки кнопок для поискового поля можно использовать следующий HTML код:

```html
<form action="/search" method="get">
  <input type="text" name="q" placeholder="Search...">
  <button type="submit">Search</button>
</form>
```

В данном примере создается форма с текстовым полем для ввода запроса и кнопкой "Search" для запуска поиска. При отправке формы будет выполнен поиск по указанному запросу на странице /search.

Чтобы настроить функционал поля поиска с использованием кнопки, можно добавить соответствующий JavaScript код. Например, можно использовать следующий код для выполнения поиска по нажатию на кнопку:

```html
<form action="/search" method="get">
  <input id="searchInput" type="text" name="q" placeholder="Search...">
  <button id="searchButton" type="button" onclick="search()">Search</button>
</form>

<script>
function search() {
  var query = document.getElementById("searchInput").value;
  window.location.href = "/search?q=" + query;
}
</script>
```

В данном примере при нажатии на кнопку "Search" будет выполнен JavaScript функция search(), которая получит текст из поля ввода запроса и перенаправит пользователя на страницу /search с добавленным запросом в URL.
скорее всего тупо ссылки по типу <a href="/search?q=iPhone">iPhone</a>
Похожие вопросы