移动键盘上字母数字的HTML5输入类型

Question

我们已经看到，当在移动键盘上选择输入类型“文本”时，它会出现文本，而当在移动键盘上输入类型“数字”时，它只会出现数字。当选择输入类型密码字段时，它会同时显示字母和数字。当输入字段不是密码，而是纯文本时，有没有办法在键盘上同时显示字母和数字？

​

​

希望你收到我的问题了。谢谢。

Answer 1

尝试：

<input type="password" pattern="[0-9]*" inputmode="numeric"> 

在html5.1之前通过css：

 input[type=number] {
    -webkit-text-security: disc;
}

Answer 2

<form>
  <input type="number" pattern="[0-9]*" inputmode="numeric">
  <button type="submit">Submit</button>
</form>

使用type="number"，这也应该可以工作。

Answer 3

有关移动设备上不同类型的键盘输入，请参阅this示例。

最接近你的愿望的键盘可能是“password”键盘：

<input type="password">