HTML 網頁設計筆記
HTML 網頁設計筆記
> HTML 清除表單按鈕 button reset
HTML 清除表單按鈕 button reset
HTML 清除表單按鈕(button reset)是網頁表單中常常會應用到的一種按鈕,例如當網友填寫一份網頁表單,發現許多地方都填寫錯誤,想要重新填寫一份,如果每個欄位(格子)都一一的刪除資料,實在是太沒效率了,這時候如果網頁設計師有預先設置一個清除表單的按鈕,那會顯得特別貼心,其實 HTML 的按鈕本身就具有"清除表單"的 type 可以運用,清除表單的 type 是 rest,來看個實際範例吧!
HTML 清除表單按鈕 button reset 實際範例
功能:
在新視窗開啟程式碼文字檔
範例的實際效果
範例的實際效果為什麼無法順利運作?這是因為我們把 form 表單的標籤拿掉了,所以僅有視覺效果,各位讀者朋友們可以把範例的程式碼複製起來,存為一個新的 html 檔案並用瀏覽器開啟,就可以看到正常運作的清除表單按鈕(button reset)的效果囉!
延伸閱讀:
HTML Form 表單設計
、
HTML input type button 按鈕設計
。
更多 HTML 按鈕設計
HTML button 按鈕背景顏色設計
HTML 回到上一頁按鈕 back button
HTML button 按鈕的邊框樣式與顏色設計
分享於 2015-03-01
最新分享主題
HTML div 標籤
HTML span 標籤
HTML element 的基本介紹
HTML Table cellpadding 屬性
HTML Table cellspacing 屬性
HTML Table rowspan 屬性
HTML Table colspan 屬性
HTML iframe 框架設計
修改按鈕大小 Set HTML button size
HTML button disabled 停用按鈕
累積熱門文章
HTML input type text 表單文字欄位
HTML input type password 表單密碼欄位
透過 colspan 合併 HTML Table 表格欄位
HTML select option 下拉選單設計
修改按鈕大小 Set HTML button size
HTML 表格設計篇 TABLE
如何設計網頁跑馬燈
HTML Form 表單設計
圖片型網頁跑馬燈設計
HTML input type hidden 表單隱藏欄位應用
今日熱門文章
圖片型網頁跑馬燈設計
HTML Table 表格欄位背景顏色
HTML 表單中 post 與 get 兩種 method 的差別
HTML Table 表格邊框樣式
HTML 表格設計篇 TABLE
HTML title 網頁標題
HTML textarea 多行文字欄位設計
超連結網頁跑馬燈設計
HTML button 按鈕的邊框樣式與顏色設計
如何設計網頁跑馬燈
HTML 網頁設計是網際網路的基礎標準,透過簡單的 HTML 語法,輕鬆製作出精美的網頁,想學習 HTML 網頁設計嗎?歡迎常來看我的 HTML 網頁設計學習筆記,陸續分享更多技巧。