【发布时间】：2018-05-17 10:11:27
【问题描述】：
我有一个非常详细且非常长/大的普通 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，因为在长表单中，提交按钮一直向下。
有没有人知道如何在不重新发明整个表单的情况下解决这个问题？
谢谢
【问题讨论】：
-
我正在考虑一个非常非常丑陋的解决方案：将我的表单分成 2 个（或 N 个更小的部分），然后使用 javascript 克隆所有其他字段值，因此，无论哪种形式 (场景）用户这样做，所有相关参数都将保存在所有参数中，并且表单将作为原始表单整体工作。但是，我不太喜欢它，因为它本质上是真正“骇人听闻”的解决方案。
-
另一个更可接受的想法（但仍然不是真正的解决方案）是在“优先”输入之后简单地克隆靠近顶部的提交按钮，这样用户就可以简单地点击提交。
标签： android html forms google-chrome