首页 > 建站教程 > 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>