一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

mint-ui的search组件在键盘显示搜索按钮的实现方法

时间:2022-11-14 22:04:34 编辑:袖梨 来源:一聚教程网

代码如下所示:

解决办法:

mint-ui的search组件input默认也是type="search"类型的,但是还需要在外层包一组form标签,并且带有action,就会在键盘中出现搜索按钮。

如上是方法一:

在手机键盘点击搜索的时候,页面会刷新,所以给form加一个target,target规定在何处打开 action URL,再放入一个隐藏的iframe,起名为form的target的值,这样则在当前页面展示出搜索的内容

如下是方法二:

这里直接给onsubmit事件写入return false,禁止提交,则搜索列表页也可以在当前页面展示。

热门栏目