`

javascript动态创建并提交表单form

formdocument 
阅读更多
<%@ 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>
分享到：
| document.createElement 用法（增加表单）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript动态创建form表单并提交的实现方法

    在使用JavaScript动态创建表单时，还需要考虑到跨域请求、安全验证、数据验证等其他因素，以保证表单提交的安全性和可靠性。这些内容虽然没有在给定的文档中明确提及，但在实际开发中都是非常重要的考虑点。

    javascript弹出层表单提交代码

    JavaScript弹出层表单提交是一种常见的用户交互设计，它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能，提供了良好的用户体验，因为用户无需跳转到新页面...

    ajaxForm异步提交表单（含图片）

    3. **初始化ajaxForm**：在JavaScript中，找到表单元素并调用ajaxForm方法。例如： ```javascript $('#myForm').ajaxForm({ dataType: 'json', // 数据类型，根据服务器返回的数据格式设置 beforeSubmit: ...

    用js创建form表单并提交.pdf

    要使用JavaScript动态创建表单，可以使用`document.createElement()`方法创建一个新的`&lt;form&gt;`元素，然后添加到DOM中。例如： ```javascript var form = document.createElement('form'); form.id = 'myForm'; ...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    在HTML中，`&lt;form&gt;`元素用于创建一个表单，它允许用户输入数据并将其发送到服务器进行处理。`&lt;input&gt;`元素是表单中最常见的元素，可以有不同的类型，如`type="text"`（文本输入）和`type="password"`（密码输入）。`...

    ajax提交form表单

    在IT领域，特别是Web开发中，使用Ajax（Asynchronous JavaScript and XML）进行form表单的无刷新提交是一项关键技能。这种技术允许网页在不重新加载整个页面的情况下与服务器交互，从而提高了用户体验。以下是对给定...

    form表单的异步回调方法

    6. **表单验证（Form Validation）**：在异步提交前，可以添加客户端验证，例如使用HTML5的内置验证特性或自定义JavaScript验证，以减少无效请求对服务器的压力。 7. **错误处理（Error Handling）**：处理网络异常...

    在IE的模式窗口中，通过表单提交到本页，并通过javascript获取提交的参数

    在Internet Explorer（IE）浏览器的特定模式下，用户通过表单填写信息并提交后，这些数据通常会通过HTTP请求发送到服务器。然而，这里提到的是一个特殊的情况，即表单数据被提交到同一个页面，并且页面使用...

    Form 动态表单demo

    本“Form动态表单demo”提供了一个简单的实例，帮助开发者了解如何创建和管理动态表单。 在描述中，作者提到这是一个个人学习项目，可能并不完美，但作为个人参考和日后的查找记录非常有价值。动态表单的设计和实现...

    用js创建form表单并提交.docx

    以上就是对给定文档中涉及的JavaScript创建表单并提交的相关知识点的详细说明，以及与之相关的Web开发技术。在实际开发中，理解并熟练运用这些知识能帮助构建功能丰富、用户体验良好的Web应用。

    基于jQuery和layui的form表单自定义js动态生成

    在动态生成表单中，我们主要利用jQuery的选择器快速定位表单元素，并通过其提供的API进行操作。 二、layui介绍 layui是一个轻量级且模块化的前端框架，它包括了丰富的组件，如表格、按钮、表单、弹窗等。layui的...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    第一种方法是通过动态创建表单元素并在其中对参数进行编码后提交，适用于不支持HTML5 formaction属性的旧版浏览器。第二种方法则是利用HTML5提供的新特性，通过直接在HTML元素上设置formaction属性来避免参数冲突。...

    Javascript 动态添加表单实例

    通过动态创建和管理表单元素，开发者可以轻松应对用户可能的需求变化，实现XML数据的加载和显示，从而增强用户体验。以下将详细介绍如何在JavaScript中实现动态添加表单的实例，并结合提供的文件名来探讨相关技术。 ...

    JavaScript动态添加数据到表单并提交的几种方式

    本文介绍了几种不同的方法来实现这一功能，包括已存在表单对象时的添加和提交、没有表单对象时的动态创建表单、以及使用FormData对象通过AJAX发送数据。 首先，如果页面上已经存在一个表单对象，我们可以通过jQuery...

    jquery实现动态创建form并提交的方法示例

    // 原生JavaScript实现动态创建Form并提交 var dlform = document.createElement('form'); dlform.style = "display:none;"; dlform.method = 'post'; dlform.action = '../fileServlet'; dlform.target = '...

    ExtJs 动态添加表单

    在"动态添加表单"这个主题中，我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先，我们要理解表单（Form）在ExtJS中的基本概念。表单是数据输入和验证的核心组件，可以包含各种字段类型，如文本框、下拉...

    JQuery提交表单Form.js官方插件介绍借鉴.pdf

    Form.js的这些方法使得处理表单数据变得简单高效，特别是对于那些需要动态交互和无刷新提交的场景。在实际开发中，结合JQuery的其他功能，可以构建出功能丰富的表单应用。 总结，JQuery Form.js插件提供了强大的...

    表单设计Javascript工具

    1. **表单元素创建**：通过JavaScript，开发者可以动态创建和操纵HTML表单元素，如输入框(input)、选择框(select)、复选框(checkbox)和按钮(button)等。 2. **数据验证**：JavaScript提供了实时验证用户输入的能力...

Magicbox
Global site tag (gtag.js) - Google Analytics