首页 > 代码库 > JavaScript 创建一个 form 表单并提交

JavaScript 创建一个 form 表单并提交

<!DOCTYPE HTML><html lang="en-US"><head>    <meta charset="UTF-8">    <title></title></head><body>    <input onclick="MakeForm()" type="button" class="btn grey" style="margin-top:-5px;margin-left:40px;" value="http://www.mamicode.com/test" /></body><script type="text/javascript">/**JavaScript 创建一个 form 表单并提交**/function MakeForm(){      // 创建一个 form      var form1 = document.createElement("form");      form1.id = "form1";      form1.name = "form1";      // 添加到 body 中      document.body.appendChild(form1);    // 创建一个输入      var input = document.createElement("input");      // 设置相应参数      input.type = "text";      input.name = "value1";      input.value = "测试数据";      // 将该输入框插入到 form 中      form1.appendChild(input);      // form 的提交方式      form1.method = "POST";      // form 提交路径      form1.action = "./test.php";     // 对该 form 执行提交      form1.submit();      // 删除该 form      document.body.removeChild(form1);  }  </script></html>

 

JavaScript 创建一个 form 表单并提交