Sivo 悉见

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

匿名 · 更新于 2017/10/10

淘宝的这个搜索的键盘出来的按钮是搜索,我调用的是换行(return),请问怎么把换行变为搜索?


 

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

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

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