码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 创建一个 form 表单并提交

时间:2016-10-06 12:36:50      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

<!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 表单并提交

标签:

原文地址:http://www.cnblogs.com/719907411hl/p/5933517.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!