1. 程式人生 > >js動態建立隱藏的form表單

js動態建立隱藏的form表單

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);
  }