好资源导航 » 文章资讯 » mint-ui的search组件在键盘显示搜索按钮的实现方法

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

2023-09-22 10:11:05 67

代码如下所示：

解决办法：

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

如上是方法一：

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

如下是方法二：

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

总结

以上所述是小编给大家介绍的mint-ui的search组件在键盘显示搜索按钮的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！