阻止iOS Safari将输入的首字母大写

Question

我的Web应用程序中有一个区分大小写的用户名字段。在大多数情况下，它工作正常。不幸的是，iOS上的Safari和Android上的Chrome（有时）希望通过大写任何句子的首字母来“提供帮助”。

由于这是<input type="text">，因此在这些设备上，第一个输入字母为大写。

我不能简单地在JavaScript中说string.toLowercase()，因为允许用户使用大小写混合的登录名。我只希望浏览器停止确定哪个字母大写...

Answer 1

当我向朋友pointed输入HTMLInputElement Autocapitalize="off"时，这似乎很容易达到目的。

事实证明，它可以包含在autocomplete="off"中，从而主要控制移动浏览器如何处理输入。

所以基本上<input type="text" autocapitalize="off" required placeholder="username" />解决了我的特定问题。

根据iOS和Android文档，此操作始终不起作用，但它应该可以解决大多数问题。

奖励：这不是允许缩放的全部或全部设置。您可以有选择地将其应用于需要的输入，并允许需要更多“复制”样式内容的输入继续为用户提供帮助。