在没有 JS 的情况下，我可以有一个在表单提交时不会序列化/提交的表单输入吗？ [复制]

Question

假设我有一个这样的表单：

<form id="something_form">
  <input type="text" id="thing1" name="thing1">
  <input type="hidden" id="thing2" name="thing2">
  <input type="text" id="secret" name="secret">

  <input type="submit">
</form>

目前我有 JS 监听提交事件，获取 secret 输入中的信息，并在将其添加到 thing2 之前做一些工作。服务器从不使用或不需要secret。我可以在提交表单之前清除secret中的数据，所以它只是thing1=abc&thing2=abc&secret=，但是如果用户关闭了JS，那么表单提交请求将有thing1=abc&thing2=&secret=secret。

是否有一种纯 HTML 方法可以使输入正常工作，但不会在表单提交时序列化/提交？我知道我可以删除 name="secret" 来实现这一点，但这会让我失去任何依赖 name 属性的功能。

我的解决方案是在没有name="secret" 的情况下呈现页面：

<input type="text" id="secret">

然后通过JS添加（因为如果用户打开了JS，它会运行）：

document.getElementById("secret").setAttribute("name", "secret");

但我很好奇是否有其他解决方案。

Answer 1

一种选择是使用form 属性。具有form 属性集的输入算作其 ID 与其form 属性匹配的表单的一部分，而不是它实际所在的表单的一部分。

示例：<input type="text" name="fish" form="bogus"> 不会与表单的其余部分一起提交，除非表单出于某种原因具有 id="bogus"。