js動態建立隱藏的form表單
阿新 • • 發佈:2018-12-28
function makeForm() { // 建立一個 form const tempForm = document.createElement("form"); tempForm.id = "tempForm"; tempForm.name = "tempForm"; // 新增到 body 中 document.body.appendChild(tempForm); // 建立一個使用者名稱輸入 const nameinput = document.createElement("input"); // 設定相應引數 nameinput.type = "text"; nameinput.name = "userName"; nameinput.value = "testName"; // 建立一個密碼輸入 const passinput = document.createElement("input"); // 設定相應引數 passinput.type = "password"; passinput.name = "password"; passinput.value ="testPassword"; // 將該輸入框插入到 form 中 tempForm.appendChild(nameinput); tempForm.appendChild(passinput); // form 的提交方式 tempForm.method = "POST"; // form 提交路徑 tempForm.action = "/user/login"; // 對該 form 執行提交 tempForm.submit(); // 刪除該 form document.body.removeChild(tempForm); }