使用什么而不是数字输入

在表单中收集数字时，你可能会首先想到使用数字输入框。但是，这种方法存在各种问题。首先，有时你想要的看起来像数字，但实际上并非数字（例如，信用卡号码带有空格），因为它实际上只是一串数字字符串。更重要的是，它存在各种屏幕阅读器问题。

Hanna Laakso 为 GOV.UK 记录了这些问题。他们最终采用的方案是：

<input type="text" inputmode="numeric">

inputmode 属性非常棒，我们对此进行了深入探讨。

Phil Nash 得出了几乎相同的结论，并在 Twilio 博客上发表文章，讲述了如何改进双因素身份验证代码输入的体验：

<input type="tel" autocomplete="one-time-code">

最后一个属性对我来说很有趣也很新颖。这意味着在支持它的浏览器上，你可以获得这种超级有用的体验：

Phil 还写道，还有其他 autocomplete 值：

有许多可用的 autocomplete 值，涵盖从姓名和地址到信用卡和其他帐户详细信息的所有内容。对于注册和登录，有一些 autocomplete 值非常有用：username、email、new-password、current-password。

浏览器和密码管理器有很好的启发式方法来查找网页上的登录表单，但是使用 username 和 current-password 值会使它非常明显。

以上是使用什么而不是数字输入的详细内容。更多信息请关注PHP中文网其他相关文章！