【HTML Living Standard】enterkeyhint属性の使い方
enterkeyhint属性の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
enterkeyhintプロパティは、モバイルデバイスなどのソフトウェアキーボードにおいて、Enterキーに表示されるラベルやアイコンの種類を示す値を保持するプロパティです。このプロパティは、HTML Living StandardにおいてすべてのHTML要素に指定できるグローバル属性として定義されています。
このenterkeyhintプロパティを設定することで、ユーザーが入力フィールドでテキストを入力した後、Enterキーを押したときにどのようなアクションが実行されるかをソフトウェアキーボード上に視覚的に示し、ユーザーの操作を直感的にサポートします。例えば、検索フォームであればEnterキーに「検索」と表示させたり、メッセージの送信フォームであれば「送信」と表示させたりすることが可能です。これにより、ユーザーは次に行われる動作を事前に把握でき、入力体験が向上します。
enterkeyhintプロパティに指定できる値には、新しい行を挿入する「enter」、入力が完了したことを示す「done」、指定された宛先に移動する「go」、次の入力フィールドへ移動する「next」、前の入力フィールドへ戻る「previous」、検索を実行する「search」、メッセージを送信する「send」などがあります。これらの値を適切に利用することで、アプリケーションのユーザーインターフェースの使いやすさ（UX）を高めることができます。主にinput要素やtextarea要素といったユーザーからの入力を受け付ける要素に対して利用されます。
公式リファレンス: HTML enterkeyhint global attribute
構文(syntax)
1<input type="text" enterkeyhint="next">
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません