Search widget code

Select the appropriate code from the formats listed below depending on your site's requirements. Copy the HTML code and insert it into the source code of your web page. If you are using a social site builder, such as a blog tool (e.g. Blogger, WordPress) ensure that you have first opened the appropriate widget for embedding HTML.

Simple Form

<form action="http://search.ourontario.ca/results" method="get" >
 <label for="ourontario_q">Enter search:</q>
  <input type="text" size="30" id="ourontario_q" name="q" />
  <input type="hidden" name="st" value="kw" />
  <input type="submit" value="Search" /><br />
<input type="reset" value="New search" />
</form>

More Complex Form

  <style media="screen" type="text/css" scoped="scoped">
	@import "http://ourontario.ca/static/css/minisearch_oo.css";
  </style>
  <form action="http://search.ourontario.ca/results" method="get" class="minisearch minisearch-oo">
    <h1>OurOntario Portal</h1>
    <div class="inner_widget">
      <input class="minisearch" size="30"  id="ourontario_swq" name="q" type="text" />
      <input type="hidden" name ="r" value="sw" />
      <input alt="submit" src="http://ourontario.ca/static/img/minisearch_oo_button_bg.jpg" class="minisubmit" type="image" />
      <p>Digital discovery of Ontario's people, places, events, history and culture.<br /> <label for="ourontario_swq">Search <a href="http://search.ourontario.ca/search">OurOntario.ca</a><label></p>
    </div>
  </form>

Linkable version of this form

http://search.ourontario.ca/searchwidget.html

Home

New search

Advanced Search

Search widget code

OurOntario Portal