HTML button標籤在form表單內,點選重新載入

來源:酷知科普網 2.45W

本篇主要是測試form內的button按鈕問題
form內的button按鈕點選後,網頁重新載入了。
本人新手,用於學習記錄,有錯誤請指出,只有這樣才能共同進步,謝謝!

操作方法

(01)form標籤的定義與用法截圖

HTML button標籤在form表單內,點選重新載入

(02)下圖是form內button按鈕的HTML程式碼

HTML button標籤在form表單內,點選重新載入 第2張

(03)點選input按鈕,打印出 input按鈕被點選了

HTML button標籤在form表單內,點選重新載入 第3張

(04)點選button1按鈕,打印出 button按鈕被點選了,之後就重新載入該網頁點選button2執行跳轉網頁,重新載入該網頁

HTML button標籤在form表單內,點選重新載入 第4張

(05)測試步驟三程式碼中註釋掉form標籤,後執行3個按鈕結果點選input按鈕,打印出 input按鈕被點選了點選button1按鈕,打印出 button按鈕被點選了點選button2執行跳轉網頁,執行跳轉網頁

HTML button標籤在form表單內,點選重新載入 第5張
HTML button標籤在form表單內,點選重新載入 第6張

(06)結論:通過form的定義以及例項測試的結果來看,button在form中點選重新重新整理了該頁面,不會頁面的跳轉。form中用 input標籤 type設定button

HTML button標籤在form表單內,點選重新載入 第7張

(07)本篇經驗全部實踐通過!

熱門標籤