HTML5输入类型编号与电话号码

Tom*_*Tom 17 html5 types numbers html-input

我正在努力将一些表单输入更新为HTML5.我对在数据验证方面没有兴趣,就像在移动设备上使用数字键盘一样.输入类型'tel'似乎做我想要的,我得到iPad /手机上的数字键盘.输入类型'数字'也会给我数字小键盘,但它也包括我不想要的微调框.

我想知道的是,如果type="tel"在信用卡输入上使用它是否安全?或者我应该使用type="number"并试图以某种方式禁用微调器.我正在阅读,禁用旋转器可以使Chrome崩溃,这不是我愿意做的权衡.

此外,目前我们正在为移动和非移动用户使用完全相同的网站.

Eon*_*dan 7

我看了这个,只是在我的Xoom上使用内置的浏览器和FF mobile(带有桌面UA字符串)尝试了这一点,tel输入看起来效果很好.

screeny

  • HTML5规范说除了删除换行符之外,"tel"类型不会验证或消毒:http://www.w3.org/TR/html5/forms.html#telephone-state-(type=tel)和付款处理器Stripe将其用于卡号.它在语义上很脏,但它看起来并不像它实际上是行为不端. (6认同)
  • 我想我担心的是使用'tel'作为信用卡号并且表单没有提交,因为浏览器不认为它是有效的电话号码(显然不是这样) (5认同)
  • 呃,但是"根据相同的参考,用户代理可以改变间距,并且小心地改变用户输入的值的标点符号".不太好. (2认同)
  • <input type ="number"pattern ="[0-9]*"/> http://bradfrostweb.com/blog/mobile/better-numerical-inputs-for-mobile-forms/但Android支持看起来粗略,必须测试.... (2认同)