我爱模板网 > 建站教程 > html教程 >  action=#和onsubmit=return false解决手机端form点击搜索刷新正文

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

在手机端,换行按钮可以变成搜索按钮,只需要按照下面的写即可:
<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>



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:ie8下数据不显示,F12启动调试后正常 下一篇:HTML、JS、CSS特殊字符写法合集
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢