<input type=number>

<input type=number>

[1] Web Applications 1.0 r7639 Change stepUp/stepDown algorithm to be more like typical UIs. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7638&to=7639

[2] [whatwg] <input type=number> for year input ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-February/042040.html

[3] [whatwg] <input type=number> for year input ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-February/042059.html

[4] [whatwg] <input type=number> for year input ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-April/254135.html

[5] Fix #87: clarify <input type=number> underflow/overflow · whatwg/html@b0a6a12 ( 版) https://github.com/whatwg/html/commit/b0a6a1283c3df70ba92210aca02548b8e714b251

[6] setSelectionRange for number input · Issue #3032 · whatwg/html () https://github.com/whatwg/html/issues/3032

[7] iOSSafari<input type=number> に対応していないこともないようですが、怪しいようです。 ただのテキストボックスが表示され、 数字以外も入力可能で、 stepUp/stepDown ボタンは表示されません。

[8] input[type="number"]をやめた話 () https://zenn.dev/funteractive/articles/component-input-number

実際にあった問い合わせや、問い合わせから想像する状況は以下のようなものです。

  • 入力できない (全角入力してる)
  • 確定したら値が消えた (全角入力してる)
  • ペーストできない (全角でペーストしてる)
  • キーボードではなく、UI上の▲▼で入力しないといけないと思っている (大きい数字を入力できなくて諦める)

[9] 1 - 3 はWebブラウザーのポンコツUIをもうちょっとどうにかしてほしいよぬ

[10] 全角数字がカジュアルに選ばれる (ともすればデフォルトになってる) 糞IMEにも問題あるよね。

[11] スマホだと入力モードが数値になるのに、デスクトップ系のプラットフォームがそれに相当する機能をちゃんとしてないのも問題よね。

[12] 4 は最近の Chrome なんかでボタンがフォーカスしないと見えないようになってるの、 そういう理由なんかねえ。