HTML中button属性的不同表现

avatar
作者
猴君
阅读量:5

  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> 

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!