JavaScript 创建一个 form 表单并提交

页面布局有些复杂的情况下，可能需要在页面中动态创建一个 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。