您的位置:首页 > Web前端 > JavaScript

JavaScript 创建一个 form 表单并提交

2013-06-26 17:37 375 查看
页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下:

// 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 = "1234567";

// 将该输入框插入到 form 中
form1.appendChild(input);

// form 的提交方式
form1.method = "POST";
// form 提交路径
form1.action = "/servlet/info";

// 对该 form 执行提交
form1.submit();
// 删除该 form
document.body.removeChild(form1);
}


调用 MakeForm 后,立即创建一个 Form,并提交,然后移除该 Form。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: