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

问题描述 投票:0回答:1

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

由于这是<input type="text">,因此第一个输入字母在这些设备上是大写的。这使得用户疯狂,因为需要花费很多精力来覆盖。

我不能简单地在我的javascript中说string.toLowercase(),因为用户可以进行混合大小写登录。我只是希望浏览器停止决定哪些字母大写...

html css mobile-safari mobile-chrome
1个回答
0
投票

正如我正在输入这个朋友pointed我到HTMLInputElement Autocapitalize="off",这似乎很容易做到这一点。

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

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

根据iOSAndroid文档,这并不总是有效,但它应该解决大多数问题。

额外奖励:这不是一个全有或全无的设置,如允许缩放。您可以选择性地将其应用于需要的输入,并允许需要更多“复制”样式内容的输入继续帮助用户。

© www.soinside.com 2019 - 2024. All rights reserved.