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