How can I add a Google search box to my website

Question

I am trying to add a Google search box to my own website  I would like it to search Google itself  not my site  There was some code I had that use to work  but no longer does    lt form method  get  action  https   www google com search  gt   lt input type  text  name  g  size  31  value    gt   lt  form gt    When I try making a search  it just directs to the Google homepage  Well  actually it directs here  https   www google com webhp  Does anyone have a different solution  What am I doing wrong

User · Answer

This is one of the way to add google site search to websites:

_x000D_

<form action="https://www.google.com/search" class="searchform" method="get" name="searchform" target="_blank">_x000D_
<input name="sitesearch" type="hidden" value="example.com">_x000D_
<input autocomplete="on" class="form-control search" name="q" placeholder="Search in example.com" required="required"  type="text">_x000D_
<button class="button" type="submit">Search</button>_x000D_
</form>

_x000D_

User · Answer

No need to embed  Just simply send the user to google and add the var in the search like this   Remember  code might not work on this  so try in a browser if it doesn t   Hope it works    lt textarea id  Blah  gt  lt  textarea gt  lt button onclick  search    gt Search lt  button gt   lt script gt  function search     var Blah   document getElementById  Blah   value  location replace  https   www google com search q     Blah           lt  script gt     x000D   x000D      function search     x000D      var Blah   document getElementById  Blah   value  x000D      location replace  https   www google com search q     Blah        x000D        x000D   lt textarea id  Blah  gt  lt  textarea gt  lt button onclick  search    gt Search lt  button gt  x000D   x000D   x000D

User · Answer

Figured it out  folks  for the NAME of the text box  you have to use  q   I had  g  just for my own personal preferences  But apparently it has to be  q    Anyone know why

User · Answer

Sorry for replying on an older question  but I would like to clarify the last question   You use a  get  method for your form  When the name of your input-field is  g   it will make a URL like this   https   www google com search g  value from input-field    But when you search with google  you notice the following URL   https   www google nl search q google search bar   Google uses the  q  Querystring variable as it s search-query  Therefor  renaming your field from  g  to  q  solved the problem

[html] How can I add a Google search box to my website?

Examples related to html

Examples related to google-search