HTML

この記事では、スマートフォンのキーボードに表示されるEnterキーのラベルを、入力内容に合わせて「次へ」「検索」などへ案内するenterkeyhint属性の基本を説明します。

An attribute that specifies the label shown on the "Enter" key of a smartphone keyboard.

enterkeyhint 属性

enterkeyhint 属性は、スマホなどのキーボードの Enter キーに表示されるラベルを指定するものです。

もっとわかりやすく言うと、スマートフォンでフォームを入力しているとき、キーボードの右下に「送信」「次へ」「検索」などが表示されることがありますよね？

それを 自分で決められるのが enterkeyhint 属性です。

<input type="text" enterkeyhint="next">

この場合、スマホのキーボードに「次へ」と表示され、押すと次の入力欄へ進むような期待をユーザーに与えます。

主な指定できる値

enter

改行や送信（Enter）

done

完了（入力終わり）

go

移動（ページ遷移など）

next

次へ（次の欄に進む）

previous

前へ（前の欄に戻る）

search

検索

send

送信

補足

実際に何が起こるかは ブラウザやデバイスによって異なることもあります。

enterkeyhint は 視覚的なヒントだけであり、動作そのものを変えるものではありません。