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://LearnOntario.ca/results" method="get" >
<input type="text" size="40" name="q" /> <input type="submit" value="Search" /> <input type="reset" value="New search" /> </form> |
|
|
More Complex Form
|
|
|
<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/lo/minisearch_legend_lo.jpg") no-repeat top left;} </style> <form class="minisearch minisearch-oo" method="get" action="http://LearnOntario.ca/results"> <h4>LearnOntario.ca</h4> <fieldset> <input class="minisearch" size="30" name="q" type="text" /> <input alt="submit" src="http://www.OurOntario.ca/portlets/_common/minisearch_button.jpg" class="minisubmit" value="submit" type="image" /> <p>Get tutorials and answers for all your software questions. Want to browse for more options and explore?...<a href="http://LearnOntario.ca/"> Visit our site</a> - build your digital literacy.</p> </fieldset> </form> The line above starting "form.minisearch-oo" needs to be on one line even though it may wrap in your display
|
|
|
Linkable version of this form
|
|
| http://www.ourontario.ca/portlets/lo/minisearch.html |
|
