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

属性

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

サポート

Windows: Chrome(77-), Firefox(未サポート), Safari(13.1-), Edge(79-), IE(未サポート)
Android: Chrome(92-)
iOS: Safari iOS(13.4-)

説明

スマートフォンなどのソフトウェアキーボードに表示される 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>

表示

入力：

完了：

進む：

検索：

送信：

リンク

初版:2021年8月15日最終更新:2021年8月15日

http://www.tohoho-web.com/html/attr/enterkeyhint.htm