Nuxt.js:<input type =“ search” />不起作用

时间:2019-04-23 03:03:54

标签: html ios forms safari nuxt.js

如果您使用HTML5编写<input type="search">,则iOS上Safari浏览器中输入的键盘如下。

enter image description here

“提交”按钮为“搜索”。

顺便说一句,我也试图在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>

但是,键盘显示的是“ return”而不是“ search”,如下所示。
enter image description here

这是为什么?
有办法解决吗?

1 个答案:

答案 0 :(得分:1)

尝试将--dns 127.0.0.1 --dns 8.8.8.8 --dns 8.8.4.4属性添加到您的action标记中。

form

我的小提琴:https://jsfiddle.net/pompopo/2b0yc6oq/7/