html - 防止 iOS Safari 将输入的第一个字母大写

Question

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

因为这是一个 <input type="text">在这些设备上，第一个输入字母是大写的。这让用户抓狂，因为它需要付出很多努力才能覆盖，有些人甚至没有注意到更改，但它会导致登录失败。

我不能简单地说 string.toLowercase()在我的 javascript 中，因为允许用户使用大小写混合登录。我只是想让浏览器停止决定哪些字母变成大写...

Answer 1

当我打这个 friend 时 pointed我给HTMLInputElement Autocapitalize="off"这似乎很容易做到这一点。

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

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

根据 iOS和 Android文档这并不总是有效，但它应该可以解决大多数问题。

好处:这不是像允许缩放那样的全有或全无设置。您可以有选择地将它应用于需要的输入，并允许需要更多“复制”样式内容的输入继续帮助用户。