すでに使える！ inputmode属性

IEの時代にIMEの設定を変更する独自実装がありましたが、スマートフォンなどのソフトウェアキーボードを制御する目的のinputmode属性が暫く前からモダンブラウザではだいたい使える状態にあります。

inputmode attribute

The `inputmode` attribute specifies what kind of input mechanism would be most helpful for users entering content into the form control.

Supported from the following versions:

Desktop

  • 66
  • No
  • No
  • 53
  • No

Mobile / Tablet

  • 12
  • 89
  • No
  • 89
  • 86

* denotes prefix required.

  • Supported:
  • Yes
  • No
  • Partially
  • Polyfill

Stats from caniuse.com

とりあえず、各環境で試したい方は以下どうぞ。iOSとかAndroidなどはソフトウエアキーボードの表示変更などもinputmodeで発動する感じなので、今までinput[type]での指定だけで苦しんでた皆さんには朗報じゃないでしょうか？

See the Pen inputmode by Shuhei Koide (@shkd) on CodePen.light