HTML中button属性的不同表现

   2024-10-07 4910
核心提示:默认按钮:如果没有指定 button 元素的 type 属性,则默认为 “submit”,可以触发表单提交。button默认按钮/button提交按钮:设

默认按钮:如果没有指定 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="https://mykuaidi.com/static/image/lazy.gif" class="lazy" original="https://www.mykuaidi.com/static/image/nopic320.png">
禁用按钮:设置 disabled 属性为 “disabled”,按钮会被禁用,点击无效。
<button disabled>禁用按钮</button>

 
举报打赏
 
更多>同类物流大全