在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往？ 而我的出现的是换行

Question

在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往？ 而我的出现的是换行
需要设置什么吗
如下图。。。

Answer 1

把你的 type 类型 改成search

Answer 2

找到了，不是换成search，是在外层包裹form表单

Answer 3

input写在form标签里就可以了

Answer 4

1. form{action/method}/input#search 在移动端键盘中会显示【搜索】功能

2. 方法一的提交方式会链接跳转，下述方法使用 ajax 方法接收提交事件

<form action='javascript:functionWithAjax("search");'>
  <input class="keyword" id="keyword" name="keyword" placeholder="input your keywords" type="search">
  <i class="iconfont icon-icon" onclick="functionWithAjax("search");"></i>
</form>

<script type="text/javascript">
function functionWithAjax(type) {
  // ajax action

  return false;
}
</script>