【スマホで】キーボードのエンターキーのテキスト表示を変える方法

こんにちは、ワタナベです！

最近はブリーチをお休みしているので髪の毛の状態が大分回復してきました(;´Д｀)

今回はスマホなどのキーボードのエンターキーのテキスト表示を変える方法をご紹介します。

enterkeyhint属性

enterkeyhint属性で表示されているテキストを変更できます。

たとえば「enterkeyhint=”send”」とすると上図のようにエンターキーのテキストが「送信」になります。（標準は「改行」）

使用できる値は以下になります。

• enter → 改行
• done → 完了
• go → 開く
• next → 次へ
• previous → 前へ
• search → 検索
• send → 送信

※iOSだと「previous」のみテキストが変わりませんでした。（「改行」のまま）

SAMPLE

See the Pen
Untitled by Akiho (@wcaotdaenpaebne)
on CodePen.

是非スマホなどで確認してみてください✨

WPなどのプラグインのフォームで使用する際はJS等を使って付与することになると思います(>_<)

▼THANKS！

 beginners-hp.com

enterkeyhint属性 - ホームページ入門サイト

https://beginners-hp.com/global-attributes/enterkeyhint.html

enterkeyhint属性について、利用例や表示例を挙げて説明しています。HTMLグローバル属性のenterkeyhintを使うと、スマートフォンなどのキーボードでエンターキーの表示を変えることができます。

それではまた次回。

ご閲覧ありがとうございました♪