javascript动态创建并提交表单form

最新推荐文章于 2022-05-25 18:40:12 发布

原创最新推荐文章于 2022-05-25 18:40:12 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#form #document

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建HTML表单并提交的方法。通过JavaScript代码，可以实现表单元素的动态生成，包括输入框等，并设置表单提交的地址。此方法适用于需要动态构建表单的应用场景。

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>js run</title>
</head>
<script type="text/javascript">
function createForm(){
var form1=document.createElement("form");
document.body.appendChild(form1);
form1.method="POST";
alert(form1)
return form1;
}
function createFormElement(from3,elementName,elementValue){
var element=document.createElement("input");
element.name=elementName;
element.value=elementValue;
from3.appendChild(element);
return element;
}
function createFormSubmit(){
var form5=createForm();
createFormElement(form5,"username","abin");
createFormElement(form5,"password","varyall");
form5.action="success.jsp";
form5.submit();
}

</script>
<body>
<input type="button" value="提交FORM" onclick="createFormSubmit()" />
<br>
下面就是要创建的输入框
<br>
<div id="div1">

</div>
<br>
333
</body>
</html>