javascript - 从不同的 Html 页面位置收集不同的 HTML 输入元素

Question

假设我有一个这样的页面，左侧部分有一个包含两个输入元素的表单，由于页面定位是不可能的，我不能将右侧部分元素放在我的左侧表单标签中。

如何在用户点击提交后将左右部分的值一起提交，而他们被强制分开？

任何想法，任何代码或任何可以帮助我的东西......

提前谢谢

Answer 1

出于可访问性的原因，两个输入区域应属于相同的form. 不是每个人都会使用 JavaScript，对于这些用户，您收集的数据将是荒谬的。

您可以做的只是将两列都包含在一个列中，form而不仅仅是一列中的一个部分。假设您现有的标记如下所示：

<div>
    <form>
        <input />
        <textarea></textarea>
        <input />
    </form>
</div>
<div>
    <input />
</div>

只需将其更改为如下所示：

<form>
    <div>
        <input />
        <textarea></textarea>
        <input />
    </div>
    <div>
        <input />
    </div>
</form>