搜索输入框导致的错误

作者:佚名 来源:本站原创 点击数: 发布时间:2011年12月07日

默认网站的顶部通常都会有一个搜索框,默认是对全站的内容标题搜索的,搜索的代码如下:


  •    搜索
     
               

  •            

  •    
       
       

  • 但是使用过的用户应该也会有发现,当在页面中按键盘回车的时候,网站就会自动进行搜索并且跳转到搜索的结果页,原因是搜索框中信息的提交方式使用了submit,所以当在页面任何地方按下回车的时候就会默认选中执行submit按钮所绑定的事件。

     

    解决办法,可以用button的方法,增加红色部分的代码,修改后原来的“搜索”按钮样式会发生变化,只要调整一下样式即可。

    type="button"  style="border: 0px;padding-top:3px" type="image" src="{PE.SiteConfig.SkinPath/}images/pic2.gif" name="Submit" onclick="OnCheckAndSubmit();" />