Question

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

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

Answer 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>元素创建一个包含多个“提交”按钮的表单，以便在按下任何按钮时提交所有字段，并且服务器端然后可以检查按下了哪个按钮。

Answer 2

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

如果你想使用JavaScript，你可以为两个表单提供一个具有相同名称的editfield，并编写JS来同步这两个。

在jQuery中，你会这样做：

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

（这只是我的头脑......你还可以做得更漂亮）

具有共享字段的多个表单

2 个答案: