Блог

Если вы пишете <input type="search"> на HTML5, клавиатура ввода в safari на iOS выглядит следующим образом.

Кнопка отправки — «поиск».

Кстати, я пытаюсь создать форму поиска в 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>
  

Однако на клавиатуре отображается «возврат» вместо «поиск», как показано ниже.

Почему это?
Есть ли способ решить это?

Попробуйте добавить action атрибут к вашему form тегу.

 <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>
  

Моя скрипка:https://jsfiddle.net/pompopo/2b0yc6oq/7 /