提问人：Touhidul Alam 提问时间：6/6/2016 最后编辑：Touhidul Alam 更新时间：3/5/2023 访问量：2805
移动键盘上字母数字的 HTML 5 输入类型
html 5 input type for alphanumeric on mobile keyboard
问：
我们已经看到，当在移动键盘上选择输入类型“文本”时，它会显示文本，当在移动键盘上选择输入类型“数字”时，它只会显示数字。当选择输入类型密码字段时，它会同时出现字母和数字。当输入字段不是密码，而是纯文本时，有没有办法在键盘上同时显示字母和数字？
希望你得到我的查询。 谢谢。
答：
-4赞
J. Timmerman
4/18/2017
#1
有关移动设备上不同类型的键盘输入，请参阅此示例。
最接近您愿望的键盘可能是“密码”键盘：
<input type="password">
0赞
Mantas
8/5/2021
#2
尝试：
<input type="password" pattern="[0-9]*" inputmode="numeric">
在通过 css 的 html5.1 之前：
input[type=number] {
-webkit-text-security: disc;
}
0赞
Paul
11/23/2021
#3
<form>
<input type="number" pattern="[0-9]*" inputmode="numeric">
<button type="submit">Submit</button>
</form>
这也应该有效，使用 .type="number"
0赞
Venkatesh Babu
3/5/2023
#4
<input type="text">
<input type="url">
试试这个输入类型，它将同时显示数字和文本
评论
type=tel