HTML：为什么Android浏览器在键盘上显示“ Go”而不是“ Next”？

一尘不染

HTML：为什么Android浏览器在键盘上显示“ Go”而不是“ Next”？

html

我有一个HTML登录表单，其中包含以下元素（按此顺序）：

input type=text （输入用户名）
input type=password （密码）
input type=submit （登录按钮）

当焦点位于时，为什么Android浏览器在软键盘上显示“转到”按钮而不是“下一步”按钮text input？这会导致用户无法轻松登录，因为在输入用户名后，用户按下键盘右下角的按钮（通常是正确的操作），表单将使用空密码提交，这显然是行不通的。[如果我的浏览器设置为记住密码，并且密码管理器可以填写密码，则此行为很有意义。但是，这里不是这种情况，因为您可以在下面进行自我测试。]

我想让输入类型文本具有“下一步”按钮，让输入类型密码（提交之前的最后输入）具有“开始”按钮。

有问题的表单的示例位于https://peda.net/:login（此表单包含用于检测输入的“
Enter”键并阻止提交表单的代码，除非最后一个可见的表单输入被聚焦）。

您知道此问题的真正解决方法吗？我知道，如果要实现本机应用程序，我会使用android:imeOptions="actionNext"（请参阅如何将Android软键键盘的“转到”按钮更改为“下一步”）。但是，在这种情况下，它是HTML表单和Android默认浏览器。

该问题至少在以下配置中可见：

在Android 2.3.4（Cyanogenmod 7）上运行的“浏览器”系统应用
在Android 4.2.2（Cyanogenmod 10.1）上运行的“浏览器”系统应用
在Android 4.3.1（Cyanogenmod 10.2 M1）上运行的“浏览器”系统应用
在Android 4.4.2（Cyanogenmod 11.0 M3）上运行的“浏览器”系统应用（AOSP浏览器）
在Android 5.5.1（Cyanogenmod 12.1）上运行的“浏览器”系统应用程序（AOSP浏览器）[具有箭头图标，而不是单词“ Go”]
在Android 6.0.1（Cyanogenmod 13.0）上运行的“浏览器”系统应用程序（AOSP浏览器）[具有箭头图标，而不是单词“ Go”]

阅读 276

2020-05-10

共1个答案

一尘不染

Android浏览器始终显示“输入”字段，因为网络上的某些表单（尤其是搜索框）没有提交按钮，并且只能通过按Enter激活（Go等同于Enter）。

取而代之的是，某些版本的Android将在键盘的右下角显示一个Tab键，以方便在表单字段之间导航。

我认为您无法阻止这两种行为。

两种可能的解决方法：

使用JavaScript忽略提交登录表单，直到两个输入都为非空白为止：

<form name="loginForm" onsubmit="return document.loginForm.user.value != '' && document.loginForm.pass.value != ''">
<input type="text" name="user">
<input type="password" name="pass">
<input type="submit" value="Login">

最干净的解决方案是使用新的HTML5 required属性将两个输入都设置为必需- 但 Android浏览器尚不支持此输入。但是，一种好的方法是用JavaScript后备（例如CSSKarma描述的）来补充所需的属性。

2020-05-10