JavaScript 创建一个 form 表单并提交
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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="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 表单并提交的主要内容，如果未能解决你的问题，请参考以下文章
[JavaScript]_[中级]_[动态创建表单并提交到新页面_实现后台内容预览]