表單 <button>

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

小提醒

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

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

屬性

type

按鈕的類型設定。

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

注意事項

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

disabled

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