HTML中button属性的不同表现

1. 默认按钮：如果没有指定 button 元素的 type 属性，则默认为 “submit”，可以触发表单提交。

<
    button>
    默认按钮<
    /button>
    

1. 提交按钮：设置 type 属性为 “submit”，点击按钮会触发表单的提交操作。

<
    button type="submit">
    提交按钮<
    /button>
    

1. 重置按钮：设置 type 属性为 “reset”，点击按钮会重置表单中的所有输入字段到初始值。

<
    button type="reset">
    重置按钮<
    /button>
    

1. 普通按钮：设置 type 属性为 “button”，点击按钮不会触发任何默认行为。

<
    button type="button">
    普通按钮<
    /button>
    

1. 图像按钮：设置 type 属性为 “image”，可以使用一个图片作为按钮，点击图片会触发相关操作。

<
    button type="image" src="image.jpg">
    图像按钮<
    /button>
    

1. 禁用按钮：设置 disabled 属性为 “disabled”，按钮会被禁用，点击无效。

<
    button disabled>
    禁用按钮<
    /button>
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！