在 HTML 中，<button> 元素可以包含 form 属性，该属性用于指定按钮属于哪个表单（<form>）元素。这对于将按钮与特定表单相关联很有用。通过使用 form 属性，你可以确保按钮的点击事件将在指定的表单上触发。

以下是一个简单的示例，演示了如何使用 form 属性：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Button Form Attribute Example</title>
</head>
<body>

    <form id="myForm">
        <input type="text" name="username" placeholder="用户名">
        <button type="submit" form="myForm">提交</button>
    </form>

</body>
</html>

在这个例子中，<form> 元素有一个唯一的 ID，即 "myForm"。提交按钮使用了 form 属性，将其关联到了这个表单。因此，点击按钮会触发与 ID 为 "myForm" 的表单相关联的提交行为。

请注意，如果不提供 form 属性，按钮将与最近的父级 <form> 元素相关联。使用 form 属性可以明确指定关联的表单，尤其在存在多个嵌套的表单时很有用。


转载请注明出处：http://www.zyzy.cn/article/detail/3984/HTML