移动端有一些ios web页面input type=search软键盘搜索按钮总是变成确认按钮，点击无效

Question

<form
   class="searchBar-input"
   action="javascript:return true"
   @submit.prevent="formSubmit">
   <input placeholder="搜索商品、课程"
      @keyup.enter="searchenter(inputword)"
      v-model="inputword" type="search">                           
</form>

Answer 1

我测试软键盘的按钮显示的是 “搜索”，并且点击按钮也会执行 searchenter 方法。
浏览器使用了 safari 和微信内置浏览器。

<template>
  <div>
      <form class="searchBar-input" action="javascript:return true" @submit.prevent="formSubmit">
      <input
        placeholder="搜索商品、课程"
        @keyup.enter="searchenter(inputword)"
        v-model="inputword"
        type="search"
      >
    </form>
  </div>
</template>

<script scoped>
export default {
  name: "home",
  methods: {
    searchenter(p) {
        alert(p)
    }
  }
};
</script>