March 16, 2016
Add or replace the contents of searchform.php with the following in order to enable a dynamic search field with an image search icon in, similar to the image below:
<form id="searchform" method="get" action="<?php bloginfo('url'); ?>">
<div>
<input id="s" name="s" type="text" value="" onfocus="if (this.value == '') {this.value = '';}" onblur="if (this.value == '') {this.value = '';}" size="32" tabindex="1">
<input type="image" src="<?php bloginfo('stylesheet_directory'); ?>/img/searchicon.png" name="search" alt="Search" class="button" />
</div>
</form>
Example of Searchform with icon:
The above image has been adjusted with CSS.