本篇主要是測試form內的button按鈕問題
form內的button按鈕點擊後,網頁重新加載了。
本人新手,用於學習記錄,有錯誤請指出,只有這樣才能共同進步,謝謝!
(01)form標籤的定義與用法截圖
(02)下圖是form內button按鈕的HTML代碼
(03)點擊input按鈕,打印出 input按鈕被點擊了
(04)點擊button1按鈕,打印出 button按鈕被點擊了,之後就重新加載該網頁點擊button2執行跳轉網頁,重新加載該網頁
(05)測試步驟三代碼中註釋掉form標籤,後執行3個按鈕結果點擊input按鈕,打印出 input按鈕被點擊了點擊button1按鈕,打印出 button按鈕被點擊了點擊button2執行跳轉網頁,執行跳轉網頁
(06)結論:通過form的定義以及實例測試的結果來看,button在form中點擊重新刷新了該頁面,不會頁面的跳轉。form中用 input標籤 type設置button
(07)本篇經驗全部實踐通過!