Html 为什么按钮提交没有'；如果不是'，它就不起作用；t嵌套在内部<；表格>；？

假设我有一个非常简单的选择性别的代码：

<form action="">
<p>Gender:</p>
<label for="male">Male</label>
<input type="radio" id="male" name="gender" value="man">
<label for="female">Female</label>
<input type="radio" id="female" name="gender" value="woman">

<button>submit</button>
</form>

此更改后，我的程序已损坏。我意识到它需要在

表单

中才能提交，因此它知道要

提交哪些数据

我的问题是为什么？为什么要将我们“绑定”到一个
表单
？如果我的程序中有
10个表单
，会怎么样。这是否意味着我必须有
10个表单
，每个表单都带有
submit按钮
？我想我遗漏了一些东西，因为我“放在脑子里”的设计没有多大意义。
我想你会用类或Id指定每个表单和提交按钮。你也尝试过给提交按钮一个类型吗？例如：

<form id= "gender-form" action="/">
<button id="genderSubBtn" type="submit" >Submit</button>
</form>

<form id= "age-form" action="/">
<button id="ageSubBtn" type="submit" >Submit</button>
</form>


提交
提交
每个表单都有自己的提交按钮。如果您想对多个表单使用一个提交按钮，则需要使用javascript。您可以尝试在CSS中使用属性选择器，这样您就可以在多个按钮之间使用相同的外观和功能。但是是的，您必须创建多个单独的按钮和表单。但不，您不必重新输入它们的设置和功能。如@K.Sharpe21所述，如果要获得相同的结果，可以使用
类
或
id
属性。
<form id= "gender-form" action="/">
<button id="genderSubBtn" type="submit" >Submit</button>
</form>

<form id= "age-form" action="/">
<button id="ageSubBtn" type="submit" >Submit</button>
</form>