HTML 清除表單按鈕 button reset

HTML 清除表單按鈕(button reset)是網頁表單中常常會應用到的一種按鈕,例如當網友填寫一份網頁表單,發現許多地方都填寫錯誤,想要重新填寫一份,如果每個欄位(格子)都一一的刪除資料,實在是太沒效率了,這時候如果網頁設計師有預先設置一個清除表單的按鈕,那會顯得特別貼心,其實 HTML 的按鈕本身就具有"清除表單"的 type 可以運用,清除表單的 type 是 rest,來看個實際範例吧!

HTML 清除表單按鈕 button reset 實際範例
功能: 在新視窗開啟程式碼文字檔
範例的實際效果
範例的實際效果為什麼無法順利運作?這是因為我們把 form 表單的標籤拿掉了,所以僅有視覺效果,各位讀者朋友們可以把範例的程式碼複製起來,存為一個新的 html 檔案並用瀏覽器開啟,就可以看到正常運作的清除表單按鈕(button reset)的效果囉!

延伸閱讀:HTML Form 表單設計HTML input type button 按鈕設計

更多 HTML 按鈕設計
分享於 2015-03-01