AddSearch: Separate results page

This is an example website using AddSearch Results Page

Search field

The search field, visible on the top left corner of this page, is a simple HTML form with a text field. The form is submitted to the results page (search.html) and the input field's value is passed on as a query parameter named "addsearch".

<!-- Form's action must be the results page's URL -->
<form method="get" action="search.html">
  <!-- Search field's name must be addsearch -->
  <input type="text" name="addsearch" placeholder="Search" />
</form>

Results page

Results page needs to have at least two elements: Div where the results are rendered and the AddSearch JavaScript below the div. You can also show a search field above search results.

<!-- Show a search field above results as well -->
<input type="text" class="addsearch" placeholder="Search.." />

<!-- Search results will be rendered to this div -->
<div id="addsearch-results"></div>

<!-- Script must be below search field and addsearch-results div -->
<script src="https://addsearch.com/js/?key=1bed1ffde465fddba2a53ad3ce69e6c2&type=resultpage"></script>

• Back to AddSearch.com