如何用JS動態改變表單form里的action值

新建一個html頁面，定名為test.html，用于講解若何用JS動態改變表單form里的action值。

在test.html頁面，建立一個form表單，設置其action為login.html，代碼如下：

在form表單內，利用input標簽建立一個賬號輸入框，一個暗碼輸入框，代碼如下：

在表單內，利用input標簽建立一個button按鈕，名稱為“登錄”，代碼如下：

給button按鈕綁心猿意馬onclick點擊事務，當點擊按鈕時，實現表單信息的提交，領受表單數據的文件是login.html。

再利用input標簽建立一個button按鈕，名稱為“注冊”，經由過程表單對象的action屬性來改變提交路徑為register.html。當按鈕被點擊時，動態改變action，再提交表單數據。代碼如下：

與上一步方式不異，再建立一個button按鈕，分歧的是按鈕名稱為“驗證暗碼”，action值為password.html。

經由過程這種體例，可以實現三個按鈕提交一樣的表單數據，但action是分歧的，三個按鈕處置數據都是自力的。

0 條評論