HTML中button屬性的不同表現(xiàn)

小樊
136
2024-07-08 10:00:15
欄目: 編程語言

  1. 默認(rèn)按鈕：如果沒有指定 button 元素的 type 屬性，則默認(rèn)為 “submit”，可以觸發(fā)表單提交。
<button>默認(rèn)按鈕</button>
  1. 提交按鈕：設(shè)置 type 屬性為 “submit”，點(diǎn)擊按鈕會(huì)觸發(fā)表單的提交操作。
<button type="submit">提交按鈕</button>
  1. 重置按鈕：設(shè)置 type 屬性為 “reset”，點(diǎn)擊按鈕會(huì)重置表單中的所有輸入字段到初始值。
<button type="reset">重置按鈕</button>
  1. 普通按鈕：設(shè)置 type 屬性為 “button”，點(diǎn)擊按鈕不會(huì)觸發(fā)任何默認(rèn)行為。
<button type="button">普通按鈕</button>
  1. 圖像按鈕：設(shè)置 type 屬性為 “image”，可以使用一個(gè)圖片作為按鈕，點(diǎn)擊圖片會(huì)觸發(fā)相關(guān)操作。
<button type="image" src="image.jpg">圖像按鈕</button>
  1. 禁用按鈕：設(shè)置 disabled 屬性為 “disabled”，按鈕會(huì)被禁用，點(diǎn)擊無效。
<button disabled>禁用按鈕</button>

0 踩