variantcodeforms

There are several variations on the widget code, depending on the size limitations, the desire for branding graphics, and the need to support older code spaces ( like FBML)

<b>Four examples are at:</b>
http://www.ourontario.ca/demo/searchwidget.html

<b>Simple Form
	
<form action="http://search.OurOntario.ca/results" method="get" >
<input type="text" size="40" name="q" />
<input type="hidden" name="st" value="kw" />
<input type="submit" value="Search" />
<input type="reset" value="New search" />
</form>


<b>More Complex Form</b>

	<style media="screen" type="text/css">
    @import "http://www.OurOntario.ca/portlets/_common/minisearch.css";
    form.minisearch-oo h4 {background: transparent url("http://www.ourontario.ca/portlets/oo/minisearch_legend_oo.jpg") no-repeat top left;}
</style>
<form class="minisearch minisearch-oo" method="get" action="http://search.OurOntario.ca/results">
   <h4>OurOntario.ca</h4>
   <fieldset>
      <input class="minisearch" size="30" name="q" type="text" /><input type="hidden" name ="r" value="sw" /><input alt="submit" src="http://www.OurOntario.ca/portlets/_common/minisearch_button.jpg" class="minisubmit" value="submit" type="image" />
      <p>Find digital photos, maps, videos, podcasts, and documents about Ontario people, places, events, history and culture. Search <a href="http://search.ourontario.ca/search">OurOntario.ca</a></p>
   </fieldset>
</form>


<b>Linkable version of this form</b>

  	http://www.ourontario.ca/portlets/oo/minisearch.html