在 HTML 中,<button> 元素的 type 属性用于定义按钮的类型。这个属性决定了按钮的默认行为。以下是 type 属性的一些常见取值:

1. Submit(默认值):
   
    <button type="submit">Submit</button>

    上述代码表示这是一个提交按钮,用于将表单数据提交给服务器。

2. Reset:
    <button type="reset">Reset</button>

    上述代码表示这是一个重置按钮,用于将表单中的输入字段重置为它们的默认值。

3. Button:
    <button type="button">Click me</button>

    上述代码表示这是一个普通的按钮,没有默认的表单行为。可以使用 JavaScript 来定义按钮的点击事件。

4. (HTML5 新增) Menu:
    <button type="menu">Open menu</button>

    上述代码表示这是一个菜单按钮,用于触发一个上下文菜单。

注意,type 属性是可选的,如果未提供,默认值是 "submit"。在大多数情况下,你可能不需要显式指定 type 属性,因为在表单中的 <button> 元素默认是提交按钮,而在没有包含在表单中时,默认是普通按钮。
<button>Submit</button> <!-- 默认为 type="submit" -->
<button type="button">Click me</button> <!-- 指定为普通按钮 -->

确保根据按钮的预期行为选择适当的 type。


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