HTML-5 表单属性使用 class 而不是 id

Question

我正在制作两个单独的表单，并希望它们都链接到同一个按钮。在 HTML5 中，可以仅使用 id 将提交按钮链接到表单外部。有什么方法可以包含一个类，或者至少包含与父按钮相同的 id 吗？

编辑：我不提交任何数据，仅验证复选框是否被选中。如果一个人试图通过单击提交按钮进入下一页，他们必须首先勾选所有复选框。我正在处理需要点击的免责声明，仅此而已。

主父按钮

<button form="checkedTrue" type="submit">Submit example</button>

表格1：

<form id= 'checkedTrue'>
    Checkbox: <input type='checkbox' id='myCheck' name='test' required>
</form>

表格2：

<form id= 'checkedTrue'>
    Checkbox: <input type='checkbox' id='myCheck2' name='test2' required>
</form>

Answer 1

在 HTML 5 中，您不能简单地将任何表单的元素附加到您的表单，
通过使用

form

属性。

myForm.onsubmit = e => 
  {
  e.preventDefault();
  
  console.clear();
  console.log('cbx1 = ', myForm.cbx1.checked ? 'checked' : 'unchecked' );
  console.log('cbx2 = ', myForm.cbx2.checked ? 'checked' : 'unchecked' );
  }

<form id="myForm"></form>
 
<p>Checkbox1:<input type="checkbox" name="cbx1" form="myForm" ></p>
<p>Checkbox2:<input type="checkbox" name="cbx2" form="myForm" ></p>

<button type="submit"  form="myForm" >Submit button</button>