HTML5 输入类型号与电话

Posted 2023-03-05

【中文标题】HTML5 输入类型号与电话

【英文标题】：HTML5 input type number vs tel

【发布时间】：2012-01-03 05:10:26

【问题描述】：

我正在努力将一些表单输入更新为 html5。我对验证数据不感兴趣，就像在移动设备上使用数字键盘一样。输入类型“tel”似乎可以满足我的需求，我在 iPad/移动设备上获得了数字键盘。输入类型“数字”也会给我数字键盘，但它还包括我不想要的微调框。

我想知道在信用卡输入中使用type="tel" 是否安全？或者我应该使用type="number" 并尝试以某种方式禁用微调器。我读到禁用微调器会使 Chrome 崩溃，这不是我愿意做出的权衡。

此外，目前我们为移动用户和非移动用户使用完全相同的网站。

【问题讨论】：

我同意，使用tel 在语义上是错误的，但不幸的是，它似乎确实是最有用的选项。就像你说的那样，这是财富的人质。我最近问了一个类似的问题：***.com/questions/11219242/… before I found yours

【参考方案1】：

我查看了this 并刚刚在我的Xoom 上尝试了this 与内置浏览器和FF 移动设备（带有桌面UA 字符串），tel 输入似乎可以正常工作。

【讨论】：

我想我害怕的是使用'tel'作为信用卡号码并且由于浏览器认为它不是有效的电话号码而无法提交表单（它不是显然）

浏览器未尝试在任一浏览器或桌面浏览器中对号码进行任何验证

HTML5 规范说“tel”类型不会验证或清理，除了删除换行符：w3.org/TR/html5/forms.html#telephone-state-(type=tel) 和支付处理器 Stripe 将其用于卡号。它在语义上很脏，但看起来它实际上并没有行为不端。

呃，但是“用户代理可能会更改间距，并且小心地更改用户输入的值的标点符号”根据相同的参考。不太好。

bradfrostweb.com/blog/mobile/… 但 android 支持看起来很粗略，必须测试....