Site search form with DuckDuckGo
The [documentation of DuckDuckGo][1] 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][2],
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>
[1]: https://duckduckgo.com/search_box
[2]: http://www.gabrielweinberg.com/blog/
Written by Janos Gyerik
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Css
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#