howto: making site search forms         rev 27 sep 2022

» google search form | duckduckgo search form | duckduckgo resources


......................... 
Google search form for website - example Tibetsun.com: 

<div id="search-wrapper">
<form id="searchform" method="get" action="https://google.com/search">
<input type="text" id="search-text" placeholder="search tibetsun.com" name="q" size="30" />
<input type="hidden" name="sitesearch" value="www.tibetsun.com" />
<input type="submit" title="Search at Google" id="submit" name="submit" value="go" />
</form>
</div>


......................... 
DuckDuckgo search form for website - example KowThamCenter.org: 

<div id="site-search-footer" style="display: table; margin: auto;"><!-- {{ -->
<form method="get" id="search-form" 
    target="_blank"
    rel="noopener"
    action="https://duckduckgo.com/">

  <input type="hidden" name="k8" value="#444444"/> <!-- DDG - text color -->
  <input type="hidden" name="k9" value="#D51920"/> <!-- DDG - link color -->
  <input type="hidden" name="kt" value="h"/>       <!-- DDG - font -->
  <input type="hidden" name="k1" value="-1"/>      <!-- DDG - ads off -->
  <input type="hidden" name="kac" value="-1"/>     <!-- DDG - auto-suggest off -->
  <input type="hidden" name="kaf" value="1"/>      <!-- DDG - full urls -->
  <input type="hidden" name="kn" value="1"/><!-- open in new window - nowork -->
  <input type="hidden" name="sites" value="www.kowthamcenter.org"/>

  <input type="text" name="q" maxlength="255" 
      style="width: 30em; float: left; margin-right: 1em; font-size: 130%;"
      placeholder="Search the Khao Tham Center website"/>
  <button type="submit" class="btn btn-default" 
      style="background-color: #ffac14; 
            padding:           .3em .7em; 
            margin-top:        2px;
            border-radius:     4px; 
            float:             left;">Go!</button>

</form>
</div><!-- }} #site-search-footer -->

.......................................................
resources - duckduckgo:

  * How to make with duckduckgo iframe code:
      https://duckduckgo.com/search_box
 
  * Params - customise look and functionality of the resulting duckduckgo page:
      https://duckduckgo.com/params
      https://patdryburgh.com/blog/adding-a-custom-duckduckgo-search-bar-to-your-site/

  * how to make your own, with example code:  
		https://coderwall.com/p/0euadw/site-search-form-with-duckduckgo
		http://www.janosgyerik.com/site-search-form-with-duckduckgo/  (same)


_______________________________________________________
since: forever.
-- 0 --