我正在构建一个混合移动应用程序,在登录屏幕上,我想输入用户名以打开键盘,而无需设置自动大写。 我使用了设置为"none"的HTML5自动大写属性(也尝试了值"off"),但是当输入类型为文本时,该属性在Android和iOS上都被忽略了:
https://www.screencast.com/t/EHPjByuurZjQ
以下代码显示了正在使用的 html:
<input type="text" data-input="" class="form-control" autocorrect="off" autocapitalize="none" autocomplete="off" spellcheck="false" id="Input_UsernameVal">
谁能帮我解决这个问题?有没有另一种方法可以强制键盘执行此操作?
自动大写属性不会使所有字母都变为大写或小写。为此,您可以使用JavaScript或CSS(仅用于显示目的)。
它只会更改移动设备上键盘的行为。换句话说,当用户在输入文本或文本区域字段上打开键盘时键盘的显示方式。
要查看它的实际效果,请单击此处,然后将以下链接复制并粘贴到浏览器中: https://googlechrome.github.io/samples/autocapitalize/
当您单击每个字段时,您将看到键盘的行为。
供参考
<tag autocapitalize="off | none | on | sentences | words | characters" />
可能的值
Value | Description |
---|---|
off | none | Text 不会大写。 |
on | sentences | 每个句子的第一个字母将大写。 |
words | 每个单词的第一个字母将大写。 |
字符 | 整个文本 | 将大写。
您可以检查这一点以验证兼容性,否则尝试仅使用 css 使用text-transform
属性
.Input_UsernameVal{
text-transform:lowercase
}