可能需要在页面中动态创建一个 form

本文实例讲述了JavaScript动态创建form表单并提交的实现方法。分享给大家供大家参考，具体如下：

页面布局有些复杂的情况下，可能需要在页面中动态创建一个 form，JavaScript 创建 form 演示如下：

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

// JavaScript 构建一个 form

functionMakeForm()

{

  // 创建一个 form

  varform1 = document.createElement("form");

  form1.id = "form1";

  form1.name = "form1";

  // 添加到 body 中

  document.body.appendChild(form1);

  // 创建一个输入

  varinput = 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。

希望本文所述对大家JavaScript程序设计有所帮助