enterkeyhint=""

更新日
仕様 HTML Living Standard
分類 グローバル属性

enterkeyhint属性は、ソフトウェアキーボードのEnterキーに表示されるアクションラベル(またはアイコン)の種類を指定します。

  • これはソフトウェアキーボード向けの機能です。物理キーボードには影響しません。

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

属性
グローバル属性
enterkeyhint="" Enterキーに表示されるラベル enter 入力を意味するラベル
done 完了を意味するラベル
go 行くを意味するラベル
next 次へを意味するラベル
previous 前へを意味するラベル
search 検索を意味するラベル
send 送信を意味するラベル
  • この属性を指定しない場合は、デバイスの既定の動作に任されます。

以下は、Android(Xperia) + Chrome + Gboardの組み合わせによる表示例です。

Gboard(キーボードアプリ)の表示例

  • 検証したところ、Chrome + Gboardではアイコンによる表示になりますが、Chrome + POBox Plusではテキスト主体のラベルになりました(一部アイコンで表示)。

enterkeyhint属性の動作

フォームの入力欄にenterkeyhint属性を指定すると、その入力欄がアクティブになった際にEnterキーのラベルが変化します。

また、contenteditable属性が指定された要素でも、enterkeyhint属性の指定が反映されます。

指定できる要素

enterkeyhint属性はグローバル属性のため、全てのHTML要素に指定することができます。

  • ただし、属性と要素の組み合わせによっては効果がない場合もあります。
旧HTMLからの変更点
  • HTML LS:enterkeyhint属性が定義されました。

使用例

https://www.tagindex.com/html/attribute/enterkeyhint.html スマートフォンなどで確認する場合はこのQRコードを読み取ってください。

<p>無指定<br>
<input type="text"></p>

<p>enter(入力)<br>
<input type="text" enterkeyhint="enter"></p>

<p>done(完了)<br>
<input type="text" enterkeyhint="done"></p>

<p>go(行く)<br>
<input type="text" enterkeyhint="go"></p>

<p>next(次へ)<br>
<input type="text" enterkeyhint="next"></p>

<p>previous(前へ)<br>
<input type="text" enterkeyhint="previous"></p>

<p>search(検索)<br>
<input type="text" enterkeyhint="search"></p>

<p>send(送信)<br>
<input type="text" enterkeyhint="send"></p>

表示例

無指定

enter(入力)

done(完了)

go(行く)

next(次へ)

previous(前へ)

search(検索)

send(送信)