JavaScript 创建一个 form 表单并提交

时间:2022-09-12 11:21:16
<!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="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>