具有共享字段的多个表单答案

【问题标题】：Multiple forms with shared fields具有共享字段的多个表单
【发布时间】：2010-03-23 14:07:18
【问题描述】：

如何在不使用javascript的情况下制作具有共享字段的多个表单？

<input type=text name=username />
<form action="/users">
    ... some fields ...
</form>
<form action="/admins">
    ... some another fields ...
</form>

【问题讨论】：

标签： html webforms

【解决方案1】：

表单中不需要输入标签：an input can be associated with its form using its form attribute。

如果表单可以共享输入会很好，但我还没有听说过。也许我们应该让 W3C 在 HTML6 中引入这个？

更新：一种解决方法是使用<input type="submit" name="..." value="..." /> 或<button type="submit" name="..." value="...">...</button> 元素使用带有多个“提交”按钮的单个表单，以便在按下任何按钮时提交所有字段，然后服务器端可以检查按下了哪个按钮。

【讨论】：

【解决方案2】：

我认为这是不可能的。出于您的目的，输入标签必须在表单标签内。此外，您不能将不同的表单标签相互嵌套，因此不使用 JavaScript 就无法解决您的问题。

如果你想使用 JavaScript，你可以为两个表单提供一个同名的编辑字段，然后编写 JS 来同步两者。

在 jQuery 中，你会这样做：

$('input[name="username"]').change(function() {
    $('input[name="username"]').val($(this).val());
});

（这只是我的想法......你仍然可以做得更漂亮）

【讨论】：

你知道最有用的 js 解决方案吗？