JavaScript 创建一个 form 表单并提交

最新推荐文章于 2023-02-06 18:42:58 发布

___NULL

最新推荐文章于 2023-02-06 18:42:58 发布

阅读量2.6w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Web前端所有

本文链接：https://blog.youkuaiyun.com/joyous/article/details/9180977

所有同时被 2 个专栏收录

219 篇文章

订阅专栏

Web前端

69 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建HTML表单的方法，并演示了如何设置表单属性及提交表单的过程。此方法适用于页面布局较为复杂的情况，能够帮助开发者灵活地控制表单的创建与提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

https://blog.inull.net
Q群讨论 236201801