知名度が低いウェブ標準ひとり Advent Calendar 2021 – 14 日目

今日は <input> とかで使える属性 enterkeyhint です。ソフトウェアキーボードを指示できる属性 inputmode とはまた別で、エンターキーのみを対象とします。

基本的な使い方

<input enterkeyhint="send" />

取り得る値。

  • enter
  • done
  • go
  • next
  • previous
  • search
  • send

Android 日本語入力のエンターキー部分が紙飛行機の、メール送信アイコンになっている様子。

inputmode

エンターキーだけじゃなくて入力装置全体を指定したい場合は、有名な inputmode 属性を使ってください。

<input inputmode="decimal" />

これで数字を入力させるのに数値の指定 type="number" とかしないようになりますね、よろしくお願いしますよ。

おしまい

PC 版の各ウェブブラウザーも対応しているそうなんだけれど、Windows 10 標準のソフトウェアキーボード Touch Keyboard では変化しませんでした。

参考