Skip to content

表單 <button>

<button> 預設為可以點擊的按鈕,與 <input type="button"> 相似。

小提醒

<button> 是比 <input> 更容易讓 CSS 控制的元素。原因如下:

  • 可以在此元素內加入其他標籤,讓按鈕更加生動、活潑。
  • CSS 偽元素 的使用,讓視覺更加活躍。

屬性

type

按鈕的類型設定。

類型名稱說明
button沒有特殊功能,通常配合 JavaScript 使用。
submit若外層有 <form> 存在,會進行送出表單內容。
reset若外層有 <form> 存在,會進行清除表單內容。

注意事項

如果按鈕不是直接將資料送至 Server 中,請確保為 type="button" 的屬性設定。否則,會有向 Server 發送資料並渲染畫面,導致原本畫面受到破壞的現象發生。

disabled

指定功能為不啟用的狀態。