共享字段的多个表单

Question

如何使用共享字段而不使用javascript的多个表单？

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

Answer 1

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

如果您想使用JavaScript，您可以使用同名的编辑字段提供这两个表单，并编写JS以同步这两个表单。

在jQuery中，你会做这样的：

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

（这只是我的头顶部...你仍然可以做到这一点更漂亮）

Answer 2

这是没有必要的在表单中输入标签：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>元素，让所有的字段将会提交，然后在服务器端可以检查哪些按钮被按下。