Gov.UKデザインチームがinputボックスの数字入力をnumericに変更した理由

• 従来の type="number" から type="text" inputmode="numeric" pattern="[0-9]*" に変更

• number にするといくつか問題がある

1. アクセシビリティの問題

2. 増減可能な数値にしか適しておらず、大きな数字やカード番号などには向かない

3. 文字を入力した際、入力できない文字に対するフィードバックがない

4. 意図せずスクロールで数値が変更されることがある

• 2019年以降、多くのモバイルブラウザが inputmode をサポートするようになった

• pattern によって古いiOS端末との互換性も維持

• 日付入力や銀行口座入力欄なども同じ形式を使うよう変更