共享字段的多個表單

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>元素，讓所有的字段將會提交，然後在服務器端可以檢查哪些按鈕被按下。