多种形式答案

【问题标题】：multiple forms多种形式
【发布时间】：2010-10-01 12:06:56
【问题描述】：

例如，希望 5 个复选框有自己的提交按钮，而其他 5 个复选框有自己的提交。应该彼此独立，但它们不会在 html 页面中组合在一起。
我嵌套其他形式吗？我是否将它们放在相同的名称下，如果是，我如何区分提交？提交似乎提交表单名称元素，而不是表单中的元素名称。（使用 HTML 和 JS）

谢谢。

【问题讨论】：

你能澄清一下吗？并可能发布一些代码。
人们通常会在此处或答案中回复 cmets 吗？
他们在回答之前要求在这里澄清。
@Tommy 他们编辑问题。

标签： html forms

【解决方案1】：

Your clarification 从用户的角度来看没有太大意义。也许你想要这样的东西：

<form action="/cgi-bin/Lib.exe" method="post" name="checks" id="Form1">
  <input type="checkbox" name="user" value="'$NAME'" id="Checkbox1" />
  <input type="checkbox" name="user" value="'$NAME'" id="Checkbox2" />

  <input type="submit" value="DELETE" id="Submit1" name="Submit1" />
</form>

<form action="/cgi-bin/Lib.exe" method="post" name="checks" id="Form2">
  <input type="checkbox" name="guest" value="'$NAME'" id="Checkbox1" />
  <input type="checkbox" name="guest" value="'$NAME'" id="Checkbox2" />

  <input type="submit" value="DELETE" id="Submit2" name="Submit2" />
</form>

【讨论】：

【解决方案2】：

我会使用按钮元素。试试这个链接：http://particletree.com/features/rediscovering-the-button-element/

基本上，您将它们用作提交内容。 Firefox 正确发送 value 属性，但 IE 发送 innerHTML。但它们都以 name=value/innerHTML 的形式出现。

例如，使用 PHP，你可以使用

if (isset($_POST['nameOfButtonElement'])) {

echo 'user clicked this button';

}

编辑：IE6（惊喜）根本无法正确处理这个问题。看到这个问题：IE 6 and the multiple button elements all sending their name & values

【讨论】：

【解决方案3】：

也许是这样的（这样你可以控制它）：

function ava_aken_hp()
{
// I use blank form with hidden fields to populate it with values from POST.

  document.blank.action="https://www.mypage.com";
  document.blank.elements["CHECK"].value=....;
  ...
  document.blank.submit();
}

// In your form:
<input type="submit" value="Submit1" onclick="ava_aken_hp();">

【讨论】：