JavaScript EXT 创建一个 form 表单并提交

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

 

[javascript] view plain copy

1. // JavaScript 构建一个 form  
2.   
3. function MakeForm()  
4. {  
5.   
6.     // 创建一个 form  
7.     var form1 = document.createElement("form");  
8.     form1.id = "form1";  
9.     form1.name = "form1";  
10.   
11.     // 添加到 body 中  
12.     document.body.appendChild(form1);  
13.   
14.     // 创建一个输入  
15.     var input = document.createElement("input");  
16.     // 设置相应参数  
17.     input.type = "text";  
18.     input.name = "value1";  
19.     input.value = "1234567";  
20.   
21.     // 将该输入框插入到 form 中  
22.     form1.appendChild(input);  
23.   
24.     // form 的提交方式  
25.     form1.method = "POST";  
26.     // form 提交路径  
27.     form1.action = "/servlet/info";  
28.   
29.     // 对该 form 执行提交  
30.     form1.submit();  
31.     // 删除该 form  
32.     document.body.removeChild(form1);  
33. }  

 调用 MakeForm 后，立即创建一个 Form，并提交，然后移除该 Form。