enterkeyhint=""
| 更新日 | |
|---|---|
| 仕様 | HTML Living Standard |
| 分類 | グローバル属性 |
enterkeyhint属性は、ソフトウェアキーボードのEnterキーに表示されるアクションラベル（またはアイコン）の種類を指定します。
- これはソフトウェアキーボード向けの機能です。物理キーボードには影響しません。
<input type="text" enterkeyhint="enter">
| 属性 | 値 | ||
|---|---|---|---|
| グローバル属性 | |||
enterkeyhint="" |
Enterキーに表示されるラベル | enter |
入力を意味するラベル |
done |
完了を意味するラベル | ||
go |
行くを意味するラベル | ||
next |
次へを意味するラベル | ||
previous |
前へを意味するラベル | ||
search |
検索を意味するラベル | ||
send |
送信を意味するラベル | ||
- この属性を指定しない場合は、デバイスの既定の動作に任されます。
以下は、Android（Xperia） + Chrome + Gboardの組み合わせによる表示例です。
- 検証したところ、Chrome + Gboardではアイコンによる表示になりますが、Chrome + POBox Plusではテキスト主体のラベルになりました（一部アイコンで表示）。
enterkeyhint属性の動作
フォームの入力欄にenterkeyhint属性を指定すると、その入力欄がアクティブになった際にEnterキーのラベルが変化します。
また、contenteditable属性が指定された要素でも、enterkeyhint属性の指定が反映されます。
指定できる要素
enterkeyhint属性はグローバル属性のため、全てのHTML要素に指定することができます。
- ただし、属性と要素の組み合わせによっては効果がない場合もあります。
- 旧HTMLからの変更点
-
- HTML LS：enterkeyhint属性が定義されました。
使用例
スマートフォンなどで確認する場合はこの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（送信）