Html Nuxt.js:<；输入类型="；搜索“&燃气轮机；不起作用

如果您使用HTML5编写

，iOS上safari的输入键盘如下所示。

提交按钮为“搜索”。

顺便说一下，我正在尝试在Nuxt.js中创建一个搜索表单，并在组件中标记它，如下所示。

<div class="search-form">
  <form
    @submit.prevent
    @keyup="onKey($event)">
    <input
      v-model="keyword"
      :placeholder="search form"
      type="search"
      @keypress="setCanMessageSubmit($event)">
  </form>
</div>

但是，键盘显示“返回”而不是“搜索”，如下所示。

这是为什么？

---

有办法解决吗？

尝试将

操作

属性添加到

表单

标记中

<div class="search-form">
  <form
    action="."
    @submit.prevent
    @keyup="onKey($event)">
    <input
      v-model="keyword"
      :placeholder="search form"
      type="search"
      @keypress="setCanMessageSubmit($event)">
  </form>
</div>

我的小提琴：