如何使 html 输入类型数字在苹果设备上不显示为类型密码

Question

我的目标是让我的输入元素在点击时强制苹果设备切换十进制数字键盘。我设法做得很好，但是，当输入数字时，输入元素被视为密码，数字被点替换。

如何使输入元素标签强制 Apple 设备显示十进制数字键盘而不充当类型密码输入元素？

我已经尝试了下面输入元素中显示的所有不同组合

             <input
                  onChange={handleInputs}
                  value={someVariable_1}
                  id={someVariable_2}
                  type="text"/"numeric"/"number"
                  autoComplete="off"
                  autoCapitalize="off"
                  autoCorrect="off"
                  pattern="[0-9]*"
                  inputMode="decimal"
                />

Answer 1

既然你已经有了 type="text" 你可以试试其他地方，因为浏览器不应该将它显示为密码。您可以尝试其他 2 种方法，

-webkit-text-security: none;
input-security: none;

第一个只有支持webkit关键字的浏览器才支持，第二个还是草稿，还没有真正被任何浏览器支持。因此，最好在不同的浏览器中进行测试 caniuse says that -webkit-text-security 例如 firefox 不支持。

如何使 html 输入类型数字在苹果设备上不显示为类型密码

How to make html input type numeric NOT appear as type password on apple device

html

iphone