Widely available すべての主要ブラウザで対応済み。安心して使用可能。

enterkeyhint

enterkeyhint はグローバル属性で、属性であり、仮想キーボードの [Enter] キーにどのようなアクションラベル（またはアイコン）を表示するかを定義する列挙型属性です。

その他

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
enterkeyhint
77
79
94
13.1
77
13.4
DOM API
enterKeyHint

enterKeyHint プロパティは、仮想キーボードの Enter キーに表示するアクションラベル（またはアイコン）を定義する列挙型のプロパティです。これは HTML の enterkeyhint グローバル属性を反映し、以下の値のみを文字列として受け入れることができる、列挙型のプロパティです。
77
79
94
13.1
77
13.4
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<input type="search" enterkeyhint="search" placeholder="検索...">
<input type="text" enterkeyhint="send" placeholder="メッセージ">
<input type="text" enterkeyhint="go" placeholder="URL">

ライブデモ

Message composer

Use enterkeyhint to suggest the action label shown on the virtual keyboard.

プレビュー全画面表示

Search and go labels

Compare enterkeyhint values for search, go, and done in one layout.

プレビュー全画面表示

Hint reference table

Summarize the most common labels used with enterkeyhint.

プレビュー全画面表示

実務での使いどころ

  • enterkeyhint の活用

    enterkeyhint はグローバル属性で、属性であり、仮想キーボードの [Enter] キーにどのようなアクションラベル（またはアイコン）を表示するかを定義する列挙型属性です。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク