- 默认按钮:如果没有指定 button 元素的 type 属性,则默认为 “submit”,可以触发表单提交。
<button>默认按钮</button>
- 提交按钮:设置 type 属性为 “submit”,点击按钮会触发表单的提交操作。
<button type="submit">提交按钮</button>
- 重置按钮:设置 type 属性为 “reset”,点击按钮会重置表单中的所有输入字段到初始值。
<button type="reset">重置按钮</button>
- 普通按钮:设置 type 属性为 “button”,点击按钮不会触发任何默认行为。
<button type="button">普通按钮</button>
- 图像按钮:设置 type 属性为 “image”,可以使用一个图片作为按钮,点击图片会触发相关操作。
<button type="image" src="image.jpg">图像按钮</button>
- 禁用按钮:设置 disabled 属性为 “disabled”,按钮会被禁用,点击无效。
<button disabled>禁用按钮</button>