酷知百科網

位置:首頁 > 遊戲數碼 > 互聯網

HTML button標籤在form表單內,點擊重新加載

互聯網2.49W

本篇主要是測試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)本篇經驗全部實踐透過!