使用 html 打开大写的 android 和 ios 键盘

我正在为移动设备创建一个网页。因为很少有输入字段要求用户始终以大写形式输入数据。

我看了几个选项，比如

1. text-transformCSS的属性
   它将用户输入更改为大写，但也更改了占位符。这看起来不太好。
2. autocapitalize输入属性
   通过设置它，它允许键盘以大写形式打开。但这似乎对我不起作用。它完美地与textarea但不与input在安卓中。

有没有更好的方法来实现这一目标？

尝试添加autocapitalize="characters" to input，它在 Android 上适用于我，并且应该适用于其他类型的设备，正如 MDN 网络文档所述here:

The autocapitalize属性不会影响打字时的行为 物理键盘。相反，它会影响其他输入的行为 机制，例如移动设备上的虚拟键盘和语音 输入。