怎么设置h5移动端的搜索键盘？

Question

淘宝的这个搜索的键盘出来的按钮是搜索，我调用的是换行（return），请问怎么把换行变为搜索？

Answer 1

经测试发现需要一下组合，可以使呼起的键盘具有“搜索”或“前往”字样。
1. <form> 标签需要具有 action属性
2. <input> 标签需要设置 type="search"

如下：
<form action="#"> <input type="search" /> </form>

另外，如果要移除搜索框的叉叉图标，可以设置样式
::-webkit-search-cancel-button { display: none; }

Answer 2

应该是把input的type直接设置为search了

Answer 3

这个是输入法根据表单元素自己做的识别。你把你的input type 设为 search，就可以了。
然后在css上设置 -webkit-appearance: none; 去除搜索输入框特有的样式。

Answer 4

必须使用form表单吗？