1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

enterkeyhint属性

Posted at

enterkeyhint属性について

enterkeyhint属性は、HTML5.2で導入された新しい属性で、主に仮想キーボードを使用するモバイルデバイスでのユーザーエクスペリエンスを向上させることを目的としている
この属性は、<input>要素や<textarea>要素に適用され、仮想キーボード上のEnterキー(またはそれに相当するキー)の表示ラベルやアイコンをカスタマイズすることができる

enterkeyhint属性に設定できる値は以下の通り

  • enter: Enterキーを示す標準的なラベルやアイコンが表示される
  • done: 完了や送信を示すラベルやアイコンが表示される
  • go: 移動や遷移を示すラベルやアイコンが表示される
  • next: 次へ進むことを示すラベルやアイコンが表示される
  • previous: 前に戻ることを示すラベルやアイコンが表示される
  • search: 検索を開始することを示すラベルやアイコンが表示される
  • send: メッセージやデータを送信することを示すラベルやアイコンが表示される

以下は、enterkeyhint属性を使用した例です。

<input type="text" enterkeyhint="search" placeholder="検索キーワードを入力...">

この例では、enterkeyhint属性にsearchを設定しているため、仮想キーボード上のEnterキーは検索アイコンや"検索"というラベルが表示されることが期待される
ただし、enterkeyhint属性はブラウザやデバイスによってサポート状況が異なるため、すべての環境で同じように表示されるわけではない

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?