如何使输入字段类型既是数字又是密码?

2022-01-22 00:00:00 numeric input passwords html

我知道这一点:

<input type="tel">

我知道这一点:

<input type="password">

但我想同时使用两者.我希望数字键盘出现在 iOS 上(特别是)，但在输入后隐藏每个字符.这样的事情可能吗?

But I would like to use both. I want the numeric keypad to come up on iOS (specifically) but hide each character after it's typed. Is something like this possible?

<input type="tel|password">

推荐答案

对于 iOS，您可以将输入设置为键入密码"，并且仍然使用 HTML5 属性模式"触发数字键盘:

For iOS you can set the input to type "password" and still trigger the numeric-keyboard using the HTML5-Attribute "pattern":

<input type="password" pattern="[0-9]*" ... />

来自 Apple 文档:

要显示数字键盘，请将模式属性的值设置为[0-9]"或d".

To display a numeric keyboard, set the value of the pattern attribute to "[0-9]" or "d".

相关文章