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

时间:2012-03-23 13:24:09

标签: php jquery html forms wordpress

我正在定制Wordpress的Twenty Eleven'SearchForm'/'searchform.php' -

我想保留Enter-to-Search功能;但我想为用户添加我的自定义图像按钮,也可以使用传统的点击按钮提交。

HOWEVER; 当我将功能默认设置上使用的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>

1 个答案:

答案 0 :(得分:0)

您可以尝试在图像样式中添加z-index,以查看它是否显示在顶部。