這篇文章不長,只是用來記錄如何解決表單提交后跳轉到空白頁的問題,其實也沒有技術含量,只是對html標簽及其屬性等基礎知識的一個應用,<form>標簽有一個屬性target,具體的值可以在w3c中找到,我們這里只用一個值target=“framename”,即在指定的框架中打開,framename就是框架的name屬性。解決問題的辦法就是在頁面中嵌入一個<iframe>標簽,然后把<form>標簽的target屬性指向這里就可以。下面是代碼演示:
action是提交到后台代碼,走后台。target是讓它走前端,跳轉隱藏的iframe,實現表單提交后跳轉空白頁。也可以繼續加onsubmit方法,這是前端JS方法,互不沖突。
代碼很簡單,之前不會用只是基礎知識不過扎實,缺少項目經驗所致,哪些把action屬性指向當前頁的做法不可取,實際開發中一般都是把前后端的代碼分開的,所以我認為還是這種做法比較有實際意義。