通过输入和图像按钮提交搜索表单

我正在自定义Wordpress的Twenty-Eleven‘SearchForm’/‘SearchForm.php’--

我想保留输入搜索功能；但我想添加我的自定义图像按钮，让用户也有传统的点击按钮提交。

无论如何 当我将函数默认值上使用的Id、类和名称拖动到新的图像按钮时，我的图像不会显示。但是，当我没有使用这些类等时。。它渲染？

以下是我目前使用代码的位置。（有什么建议吗？）

<?php
/**
 * The template for displaying search forms in Twenty Eleven
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */
?>
<form method="get" id="searchform" name="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="assistive-text"><?php _e( 'Search', 'twentyeleven' ); ?></label>
<input type="text" class="field" name="s" id="s" value="Search, title, author, keyword" onfocus="ClearForm();" style="width: 225px;">
<input type="submit" src="http://#/wp-content/uploads/2012/03/searchnav_btn.gif" style="position:absolute;" value="<?php esc_attr_e( 'Search' ); ?>" class="submit" name="submit" id="searchsubmit"/>
<input type="image" src="#/wp-content/uploads/2012/03/searchnav_btn.gif" style="position:absolute;" value="<?php esc_attr_e( 'Search' ); ?>" class="submit" name="submit" id="searchsubmit"/>
</form>
<script language="javascript">
<!--
function ClearForm() {
  document.searchform.submit.value= "";
}
//-->
</script>