流程顺序表单 html,更改html页面中的表单顺序

您可以将位于页面顶部的表单放在HTML底部，并使用一些花哨的CSS使其显示在页面顶部。或者，您可以使用一些Javascript在页面加载后在页面顶部定义表单，这(我认为)会使原始表单显示为form [0]，并且顶部表单显示为形式[1]。即使像body.onload这样简单的TopFormDiv.innerHTML ='你所有的表单html都在这里'也许是足够的，当然，你可以使这更复杂。

另外，你可以考虑“monkey patching”document.Forms对象，以便document.Forms [0]返回你想要的表单。我在想的是在页面顶部有一些代码将document.Forms [0]转换为您希望它表示的代码，并将其他所有内容移动到一个位置。这必须在文档加载完成后，但在页面上的其他任何内容尝试访问表单之前完成。

UPDATE

一些初步测试后，似乎调用document.forms [0]实际上是通过当前的DOM搜索，直到它返回第一种形式。因此，即使您稍后在页面加载后定义表单，正如我在第一段中所建议的那样，它看起来并不像您期望的那样工作。即使是“猴子修补”也不起作用，因为将[0]设置为某种其他形式的值似乎没有完成任何事情，因为形式[0]总是返回DOM树中的第一个形式。所以，我可以看到完成这个的唯一方法是在HTML底部定义“顶部”表单，并使用CSS将其定位在文档的顶部。有关如何将底部窗体放置在页面顶部的基本示例，请参阅this example