• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > html教程 >  action=#和onsubmit=retur正文

action=#和onsubmit=return false解决手机端form点击搜索刷新

作者:网页模板
类型:文章教程
点击次数:
发布时间:2019-04-15 18:17
分享到:
在手机端,换行按钮可以变成搜索按钮,只需要按照下面的写即可:
<form>
    <input type="search">
</form>
当这个input获取焦点,键盘的换行就会变成“搜索”,form不能少,type必须为“search”。

但是这个会有个问题,即IOS和Android下,点击搜索,会刷新页面,导致如果是ajax异步刷新页面事件被刷新覆盖,看不到效果。

此时,只要给form加上action="#",onsubmit="return false"即可,如下:
<form action="#" onsubmit="return false">
    <input type="search">
</form>

(责任编辑:网页模板)
  • 本文标签:
  • input search
ie8下数据不显示,F12启动调试后正常
没有下一篇