android - 如何阻止 "Go"按钮被替换为 "Next"- Chrome Android 浏览器应用程序

Question

我有一个非常详细和非常长/大的普通 html 搜索输入表单，其中包含关键字文本输入、价格范围最小/最大以及许多其他搜索条件。

提交按钮存在，但它一直在表单末尾。

<form action="http://..." method="get" class="some-class" onsubmit="">
<fieldset class="box options">
    <input type="text" name="pattern" id="pattern" placeholder="pattern" value="" />
    <input type="text" id="city" name="city" placeholder="city" value="" />
    <input type="text" id="region" name="region" placeholder="region" value="" />
    <input type="text" id="country" name="country" placeholder="country" value="" />
    <input type="text" id="price-min" name="price-min" placeholder="min" value="" />
    <input type="text" id="price-max" name="price-max" placeholder="max" value="" />
    (etc...)
    <button id="search-submit" type="submit">SUBMIT</button>
</fieldset>
</form>

现在，我的问题与我在此处的问题/问题和网络搜索中看到的完全相反。大多数人在尝试实际获取 Next 而不是 Go 时遇到了相反的问题，但我需要相反的(或旧的)行为。而不是新的 Next 而不是在上面每个文本输入字段的“内部”(焦点)，我希望看到简单的好旧的 Go。

为什么？因为，这些输入不依赖于数据，所以可以单独提供表单中的每个输入。

这可能是 Chrome Android 浏览器的一个相对较新的变化(目前测试了适用于 Android 62.0.3202.84 的最新 Chrome 应用程序)和可能很少的其他浏览器/移动操作系统应用程序。但是，以前不是这样的，这是肯定的。

我希望我们有办法阻止这种行为并手动指示移动浏览器或虚拟键盘它们应该如何表现，因为在大量搜索过滤器表单中使用 Next 真的很烦人，有人只想填写第一个或几个初始输入，例如关键字，然后按 Go，因为在长表单中，提交按钮一直向下。

有没有人知道我们如何解决这个问题而不重新设计我的整个表单？

谢谢

Answer 1

我遇到了这个问题，我找到的解决方案是简单地在输入上设置 type="search" 而不是 type="text"。

灵感来自:Show 'Search' button in iPhone/iPad Safari keyboard