やりたいこと
<input>tagを使用して検索バーを作ると、focusしたときのスマホキーボードのEnter Keyは「改行」と表示される。
検索バーの場合Enter Keyを押したときの挙動は「改行」ではなく「検索」させたいため、Enter Keyの表示も「検索」に変更したい。
変更する方法
-
<input>を<form>の中に入れる -
<form>にactionattributeを追加（submitの挙動をここで定義したくない場合はaction="#"とすればOK） -
<input>にtype="search"を追加
<form action="#" @submit="search">
<input type="search" />
</form>
これでEnter Keyが「検索」になる。