enterkeyhint属性

スマートフォンなどのキーボードで、エンターキーの表示を変えることができます。

本ページでは、グローバル属性のenterkeyhintについて説明します。

enterkeyhintとは

enterkeyhintを使うと、スマートフォンなどのキーボードでエンターキーの表示を変えることができます。

値は、以下が使えます。

【enterkeyhintで使える値】
意味 利用シーン(例)
enter エンター 改行される時
done 完了 入力がすべて終わる時
go 進む 入力したターゲットに移動する時
next 次へ 次のフィールドに移動する時
previous 前へ 前のフィールドに移動する時
search 検索 検索結果が表示される時
send 送信 サーバーなどにデータが送信される時

enterkeyhintは表示を変えるだけなので、実際に上記の動作をするかは別です。

enterkeyhintはグローバル属性のため、すべてのHTML要素で使えます。

利用例

enterkeyhintの利用例は、以下のとおりです。

【enterkeyhint利用例】
<input type="text" enterkeyhint="search">

上記により、スマートフォンがキーボードを表示した時、エンターキーが「検索」に該当する表示に変わります。

表示例

iPhoneで、各値での表示例を以下に示します。

enter
enterを指定した時のキーボード表示例
done
doneを指定した時のキーボード表示例
go
goを指定した時のキーボード表示例
next
nextを指定した時のキーボード表示例
previous
previousを指定した時のキーボード表示例
search
searchを指定した時のキーボード表示例
send
sendを指定した時のキーボード表示例

ブラウザのサポート状況

各ブラウザの最新バージョンでのサポート状況は、以下のとおりです。

【パソコン】
項目 IE Ed Fx Ch Sa Op
enterkeyhint ×
【スマートフォン】
項目 Sa An Op Ch Fx Sm
enterkeyhint
サポート
制限あり
×
未サポート
不明
IE
Internet Explorer
Ed
Edge
Fx
Firefox
Ch
Chrome
Sa
Safari
Op
Opera
An
Android Browser
Sm
Samsung Internet

※スマートフォンのFirefoxとChromeは、Android版です。