enterkeyhint=hint - エンターキーヒント

属性

<tagName enterkeyhint=hint> - エンターキーヒント

サポート

https://caniuse.com/mdn-html_global_attributes_enterkeyhint

説明

スマートフォンなどのソフトウェアキーボードに表示される Enter キーのアイコンに対するヒントを指定します。例えば search を指定するとエンターキーのアイコンが虫メガネアイコンに変わったりします。hint には次のいずれかを指定します。

enter
入力。一般的なエンターキー。
done
完了。処理の完了。
go
進む。指定した場所に進む。
next
次へ。次のフィールドに移動。
previous
前へ。前のフィールドに移動。
search
検索。検索を開始。
send
送信。入力したデータを送信。

使用例

HTML
<div>入力：<input type="text" enterkeyhint="enter" name="..."></div>
<div>完了：<input type="text" enterkeyhint="done" name="..."></div>
<div>進む：<input type="text" enterkeyhint="go" name="..."></div>
<div>次へ：<input type="text" enterkeyhint="next" name="..."></div>
<div>前へ：<input type="text" enterkeyhint="previous" name="..."></div>
<div>検索：<input type="text" enterkeyhint="search" name="..."></div>
<div>送信：<input type="text" enterkeyhint="send" name="..."></div>
表示
入力：
完了：
進む：
次へ：
前へ：
検索：
送信：

リンク

Copyright (C) 2021 杜甫々
初版:2021年8月15日 最終更新:2021年8月15日
https://www.tohoho-web.com/html/attr/enterkeyhint.htm