HTML button form 属性
htmlweb developmentfront end technology更新于 2025/8/5 11:56:17
<button> 元素的 form 属性用于指定按钮所属的表单。
以下是语法 −
<button form="id">
上面的 id 是按钮所属表单的 if。
现在让我们看一个实现 <button> 元素 form 属性的示例−
示例
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form> <button type="submit" form="form1" value="Submit">Click to Submit</button> </body> </html>
这将产生以下输出。按钮是表单的一部分−
在上面的示例中，我们设置了一个表单并添加了表单元素−
<form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form>
这样，我们就在表单外部设置了一个按钮−
<button type="submit" form="form1" value="Submit">Click to Submit</button>
由于我们已经在按钮中设置了表单 ID，因此它仍然属于同一个表单。这可以通过使用 <button> 表单属性来实现。
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
