郵便番号フィールドにinput[type="number"]を使ってはいけない

スマホサイトを制作したのだがフォームにフォーカスを当てた際に出るキーボードを 数字キーボードにしたいという要望があったので input[type="number"] や input[type="tel"] を使えば良いと聞いていた俺は それぞれ郵便番号と電話番号のフィールドの type を text から変更したのだけど input[type="number"] には罠があったので共有します。 input[type="number"] というよりは iOS の Safari にある罠です。 iOS の Safari は input[type="number"] のフィールドで入力値がゼロ始まりの数値の場合、頭のゼロを自動で除去するこの仕様…あのおせっかいな Excel を思い出す仕様だぜ…ｷﾞﾘｯ… 例えば皇居の郵便番号 100-0001 は分割された郵便番号フォームの後ろの部分が以下のよ