iOSの5と6で、inputのtype=numberにすると頭の0が落ちる

EC-CUBEのスマホページで、
郵便番号入力欄に
[075]-[0035]
とか入れると頭の0が落ちて
[75]-[35]
になってしまう…

ということから、、

input type=”number”
にすると、タップしたとき数字キーが出てきて楽だったのですが、
iOSの5と6のSafariの仕様変更で
・頭の0が消される
・カンマが入る(6では解消)
ようになったとのことです。

type=”tel”にしようかとも思いましたが
仕変でまた挙動がおかしくなることも考えられるため、
type=”text”に変更しました。

●参考サイト
郵便番号フィールドにinput[type=”number”]を使ってはいけない|DevAchieve
ios5 safariでhtml5のinput type numberの仕様変更 – teguのTech Blog
iOS5/6でHTML5のinput type=”number”の挙動が変わる – ただの覚書
→pattern属性を使った方法も紹介されてます

input type=”number”タグの解説 – HTML5タグリファレンス

コメントをどうぞ

Popular Posts