Как создать окно поиска на моем веб-сайте, который работает?

Question

Как создать окно поиска на своем веб-сайте, когда я ищу что-то, что он доставит меня в Google. вот мой код: - он не работает, когда я нажимаю кнопку поиска.

<div class="searchBox" > 

<form action="https://www.google.co.uk/" method="get" > 
<input type="text" name="Search" placeholder="Search Here..." size="20" /> 
<input type="button" value="Search" /> 
</form> 

</div> 

Answer 1

Если вы специально пытаетесь использовать Google, есть удобный генератор Google, разработанный для этого.

Попробуйте https://cse.google.com/cse/

Answer 2

Поскольку вы просто перенаправляет пользователя, вам не нужно использовать форму действия. Просто переадресуйте пользователя с помощью javascript на кнопку, нажмите на нужную вам ссылку.

HTML:

<div class="searchBox" > 
    <input type="text" name="Search" placeholder="Search Here..." size="20" /> 
    <button id="someButton">Search</button> 
</div> 

Теперь получить значение input и передает это как запрос в URL Google.

JS:

$('#someButton').click(function() { 
    var value = $('input').val(); 
    window.location.href = 'http://www.google.com/search?q='+value; 
}); 

Answer 3

Вы должны представить кнопку (type="submit"), а не регулярная кнопка (это просто для подвешивания JavaScript с).

Вам необходимо установить action на адрес правильно URL (https://www.google.com/search).

Необходимо ввести свой текст правильноname (что составляет q).

Answer 4

Вам нужно, чтобы ваше действие было направлено на URL-адрес google, на самом деле поиск выполняется. Это google.co.uk/search.

Ваше поле ввода name будет параметром запроса, и Google ожидает, что это будет q. Так что ваша форма должна выглядеть следующим образом:

<div class="searchBox" > 
    <form action="https://www.google.co.uk/search" method="get" > 
    <input type="text" name="q" placeholder="Search Here..." size="20" /> 
    <input type="submit" value="Search" /> 
    </form> 
</div> 

Answer 5

Установите тип кнопки submit, имя поля ввода в q, и цель формы к правильной базовой странице /search поэтому фактически заполняют все права поля:

<form action="https://www.google.co.uk/search" method="get" > 
    <input type="text" name="q" placeholder="Search Here..." size="20"> 
    <input type="submit" value="Search"> 
</form> 

Обратите внимание, что образец здесь не будет работать, поскольку Google запрещает доступ к кадру. Также я удалил концы /> из полей input как is deprecated in HTML5 for 'empty' elements.