Android 软键盘：下一个按钮在 HTML5 数字输入之间不“跳动”
Posted
技术标签:
【中文标题】Android 软键盘：下一个按钮在 HTML5 数字输入之间不“跳动”【英文标题】：Android Soft keyboard: Next button not "tabbing" between HTML5 number inputs 【发布时间】：2012-10-22 12:08:56 【问题描述】：我正在用我的 android 手机测试 html5 输入类型“数字”。在执行此操作时，我注意到当软键盘在数字输入类型上处于活动状态时，下一个按钮不会出现在输入之间。
现在我假设它应该在输入之间使用制表符，但我找不到任何明确的措辞表明这种情况是。
我目前正在使用带有股票浏览器的 Android 4.1.1。我也在 Chrome 中尝试了相同的结果。
我在这里有一个示例页面：http://jsfiddle.net/axECg/，这是它的代码：
<html>
<head>
<title></title>
</head>
<body>
<form id="myForm">
Number 1<input type="number" id="numA" name="numA" /><br />
Number 2<input type="number" id="numB" name="numB" />
</form>
</body>
</html>
我做错了吗？还是目前对 HTML5 + Android 期望过高？
谢谢
【问题讨论】：
我将你的 html 上传到我的游戏网站：appmalt.info/mytest.html 我通过我的安卓手机访问了它，“下一步”按钮似乎工作正常。它在输入之间切换。 感谢您试一试，我在您的网站上进行了尝试，结果相同。我怀疑它现在又回到了我正在使用的 Android 版本和/或移动浏览器。您使用的是哪个版本的操作系统？ 【参考方案1】：这似乎是 Chrome/Android 浏览器的限制。已记录 issue。我已经在具有多个浏览器的两台设备上测试了该示例（并尝试了一些修改）。
Nexus 7 4.2.1 和三星 S3 4.1.1
Chrome：“下一步”按钮显示但不起作用 FF Mobile：用作 预计我还测试了输入类型：email、text、tel。在 Chrome 中，它们要么显示无功能的“下一步”按钮，要么不显示“下一步”按钮。 FF Mobile 有一个适用于所有情况的“下一步”按钮。
【讨论】：
【参考方案2】：我注意到我的 Android 键盘上有两个“下一步”按钮；键盘上方有一个似乎用它的同级 [Prev] 按钮正确地制表字段；键盘上的 [Next] 似乎没有发送事件。
【讨论】：
以上是关于Android 软键盘：下一个按钮在 HTML5 数字输入之间不“跳动”的主要内容，如果未能解决你的问题，请参考以下文章
android中如何点击一个按钮时隐藏软键盘，（不是点击空白处隐藏软键盘）