實現點擊input軟鍵盤出現搜索按鈕

需求：點擊搜索框的時候，彈出的軟鍵盤上出現“搜索”按鈕

例：

<form action="javascript:return" >
     <input @keyup.13="點擊搜索觸發方法" type="search" v-model="key" placeholder="搜索您想要的商品"/>
</form>

實現過程可能出現的問題：

1 input[type=search]不出現搜索按鈕

原因可能有：
1.1 沒有用form表單包
1.2 form 沒有帶action
1.3input的type屬性不正確

2 點擊軟鍵盤的搜索沒反應

可能原因：
沒有給搜索按鈕綁定方法，我這裏使用的是vue,所以直接使用@keyup.13綁定

3 在vue中點擊軟鍵盤的搜索，地址欄加了其他參數

原因：
form的action屬性是提交用的，所以你要單獨使用自己的邏輯的話，記得將action禁止提交：

action="javascript:return" 

4去掉search默認的樣式

input[type="search"]{
  -webkit-appearance: none;
}