0euadw
Last Updated: February 25, 2016
·
1.64K
· janosgyerik
32ef4e3e388cbadc756a008cade3ee6a

Site search form with DuckDuckGo

The documentation of DuckDuckGo isn't very clear about adding a site search form to your site.
They give an example using an iframe,
but that's not so great,
because you don't have much control over the style,
especially that green button,
for example here:

<iframe src="http://duckduckgo.com/search.html?site=janosgyerik.com&prefill=Search DuckDuckGo" style="overflow:hidden;margin:0;padding:0;width:408px;height:40px;" frameborder="0"></iframe>

Luckily they included a link to the blog of the founder,
which demonstrates how to do this, essentially:

<form action="https://duckduckgo.com/">
  <input type="text" name="q">
  <input type="hidden" name="sites" value="janosgyerik.com">
  <button type="submit">Search</button>
</form>

The same thing, but using Bootstrap 3 style:

<form class="form-inline" role="search" action="https://duckduckgo.com/">
  <div class="form-group">
    <input type="text" name="q" class="form-control" placeholder="Search on janosgyerik.com">
    <input type="hidden" name="sites" value="janosgyerik.com">
  </div>
  <button type="submit" class="btn btn-default">Search</button>
</form>
Say Thanks
Respond