JavaScript动态创建form表单并提交的实现方法
本文实例讲述了JavaScript动态创建form表单并提交的实现方法。分享给大家供大家参考,具体如下:
页面布局有些复杂的情况下,可能需要在页面中动态创建一个form,JavaScript创建form演示如下:
//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程序设计有所帮助。
热门推荐
7 简短的二胎祝福语
10 简短霸气女儿生日 祝福语
11 祝福语高考小众诗句简短
12 元旦祝福语20秒简短
13 老师过年祝福语大全 简短
14 一生祝福语简短
15 产检祝福语简短霸气
16 朋友店开张祝福语简短
17 生日爱情祝福语大全简短
18 朋友女儿生日祝福语 简短