HTML button reset 清除表單按鈕

你一定常常看到這樣的應用,例如填個會員註冊表單或是訂購表單,會有一個清除重填的按鈕(HTML button),這樣的按鈕當然是用來快速清除表單資料,方便網友重新填寫而設計的,這樣的按鈕在 HTML 中只需要靠 reset 的設定就可以做到。

語法範例
<form>
 <input type="text">
 <input type="reset" value="清除表單">
</form>


呈現結果


範例說明:我們在表單 <form> 中用了兩個 <input> 標籤,分別是 text 與 reset,text 是用來輸入文字的文字區塊,而 reset 就是本篇介紹的重點,清除表單資料,在範例的呈現結果中,你輸入的文字,只要按下清除表單,馬上就會清空囉!

延伸閱讀
HTML button 按鈕
HTML button disabled 按鈕的禁用語法
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012