我之前做移动端项目的时候刚好碰到过一模一样的需求，给你几个在Android Chrome上验证有效的方案，按优先级排序：

1. 最优方案：type="text" + inputmode="numeric" #

这是HTML5标准提供的最精准的解决方案，完美匹配你的需求：

• type="text" 保证输入框可以接受任意字母、数字甚至特殊字符
• inputmode="numeric" 告诉浏览器默认唤起数字键盘，用户不需要手动切换

代码示例：

<input type="text" inputmode="numeric" placeholder="请输入字母或数字">

亲测在Android Chrome 60+版本上完全生效，兼容性非常好，是首选方案。

2. 兼容 fallback：type="text" + pattern 属性 #

如果需要兼容极少数不支持inputmode的旧版本浏览器，可以结合pattern属性引导键盘类型。虽然pattern主要用于表单验证，但部分Android浏览器会根据正则表达式自动调整键盘布局：

代码示例：

<input type="text" pattern="[0-9a-zA-Z]*" placeholder="请输入字母或数字">

不过这个效果不如inputmode稳定，不同设备的表现可能略有差异，建议作为备选方案。

3. 备选方案：type="tel" #

type="tel"默认会唤起数字键盘，部分Android设备的电话键盘支持切换到字母输入模式，也能满足字母数字混合输入的需求。但要注意，有些设备的电话键盘可能对输入字符有隐性限制（比如无法输入某些特殊符号），所以仅当上面两个方案无法使用时再考虑：

代码示例：

<input type="tel" placeholder="请输入字母或数字">

总结 #

优先使用方案1，它既满足默认唤起数字键盘的要求，又完全支持字母数字混合输入，是最贴合需求的实现方式。

内容的提问来源于stack exchange，提问作者alexsgeo