网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

如何使用mint-ui的search组件在键盘显示搜索按钮

小编给大家分享一下如何使用mint-ui的search组件在键盘显示搜索按钮，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联公司2013年开创至今，是专业互联网技术服务公司，拥有项目网站制作、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元宜章做网站,已为上家服务,为宜章各地企业和个人服务,联系电话:18980820575

代码如下所示：

解决办法：

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

如上是方法一：

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

如下是方法二：

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

看完了这篇文章，相信你对“如何使用mint-ui的search组件在键盘显示搜索按钮”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

网页题目：如何使用mint-ui的search组件在键盘显示搜索按钮
文章来源：http://mswzjz.cn/article/igshph.html