HTML5 自动大写不适用于输入类型 = 文本



我正在构建一个混合移动应用程序,在登录屏幕上,我想输入用户名以打开键盘,而无需设置自动大写。 我使用了设置为"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" />

可能的值

DescriptionText 不会大写。每个句子的第一个字母将大写。每个单词的第一个字母将大写。将大写。
Value
off | none
on | sentences
words
字符整个文本

您可以检查这一点以验证兼容性,否则尝试仅使用 css 使用text-transform属性

.Input_UsernameVal{
text-transform:lowercase
}

相关内容

  • 没有找到相关文章

最新更新