动态表单

原创 2006年06月10日 15:31:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>动态表单</title>
</head>

<body>
<script type="text/javascript">
var i=2;
function delrow()
{
  row=event.srcElement.parentElement.parentElement.parentElement.rowIndex;
  alert(row);
  test.deleteRow(row);
}
function insert()
{
  n=test.insertRow();
  k=n.insertCell();
  k.innerHTML="<div align='center'>用户"+i+":<input name='name"+i+"' type='text' size='20'></div>";
  k=n.insertCell();
  k.innerHTML="<div align='center'>密码"+i+":<input name='password"+i+"' type='text' size='20'></div>";
  k=n.insertCell();
  k.innerHTML="<div align='center'><input name='Del' type='button' value='删除'  onClick='delrow()'></div>";
  i++;
}
</script>
<form name="form1" method="post" action="">
  <p>&nbsp;</p>
  <table width="82%"  border="1" align="center" cellpadding="2" cellspacing="5" bordercolor="#000000" id="test">
    <tr>
      <td width="40%">
        <div align="center">用户1:
          <input name="name1" type="text" size="20">
        </div></td>
      <td width="46%">
        <div align="center">密码1:
          <input name="password1" type="text" size="20">
        </div></td>
      <td width="14%"><div align="center">
        <input name="Del" type="button" id="Del" value="删除"  onClick="delrow()">
      </div></td>
    </tr>
  </table>
  <table width="50%"  border="0" align="center" cellpadding="5">
    <tr>
      <td colspan="2"><div align="center">
      <input name="Add" type="button" id="Add" value="增加" onClick="insert()">&nbsp;
      <input type="submit" name="Submit" value="提交">
      </div></td>
    </tr>
  </table>
</form>
</body>
</html>

动态表单设计

在前端系统,我们经常要使用各种表单,每个表单中的插件是不尽相同的。 面对这种场景,有什么好的方式可以通过在前端拖拽插件的方式自定义表单呢?实现思路: 1. 创建如下表: form_compone...
  • sidongxue2
  • sidongxue2
  • 2017年08月18日 20:36
  • 1031

React根据后台数据动态生成Form表单

import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { Form, InputNumb...
  • joyfixing
  • joyfixing
  • 2017年03月22日 10:19
  • 4826

浅析动态表单

动态表单的应用非常广泛,面对复杂的需求要求,在一些情况下使用动态表单能够解决很多问题。与一般的需求一样,动态表单主要包含两部分:动态表单的定义和显示、动态表单内容的接收与存储。 用例分析: 表单就不用...
  • liu765023051
  • liu765023051
  • 2013年11月21日 11:04
  • 6108

java里的动态表单技术

最近的一个项目,由于客户的需求等信息不确定,为了降低以后修改的成本及产品的推广考虑到动态表单技术,之前也一直在考虑到动态表单技术,毕竟在delphi里已经实现过了,由于我们采用的hibernate的执...
  • MartinWang
  • MartinWang
  • 2009年09月16日 21:58
  • 9084

动态表单的数据库结构设计的三种方案

1.一个表单对应数据库的一张或多张物理表(主从表),这种设计在很多业务的情况下,其数据库的物理表会不断膨胀,同时,当修改表单时,其对应的物理表结构也需要修改,当物理表有很多数据时,改变物理表schem...
  • zhangzeyuaaa
  • zhangzeyuaaa
  • 2017年02月18日 20:54
  • 2943

基于动态表单技术的项目开发方法(一)

       在以往的项目实施过程中,我们经常会遇到将多个不同厂家产品整合在一起从而实现协同工作的应用案例,而要提高开发效率,这就意味着需要得到这些不同领域产品非常出色的支撑和实现真正意义上的松耦合集...
  • newwu
  • newwu
  • 2005年12月18日 22:44
  • 3789

关于动态表单的设计javaweb

使用powerDesigner设计数据表如下
  • javalearnNet
  • javalearnNet
  • 2014年10月05日 09:06
  • 651

使用动态表单接收与存储信息

之前,我们已经分析了如何在页面对动态表单进行显示。表单显示出来了,那么接下来我们就需要将动态表单中的信息保存到数据库。 在此,我们再次明确一下动态表单的使用的条件:假设现在有多条流程,每一条流程都需要...
  • liu765023051
  • liu765023051
  • 2013年11月28日 10:00
  • 4075

在BPM动态可配置表单中使用NoSQL技术可行性分析——通用流程化应用审批单设计思路(二)

原业务流程平台审批单使用横向表纵向存储的思路,所有流程所使用的业务表单的数据都存在一张物理表中,表中每条数据记录包含Column定义和Value,Column所对应的字段信息,通过定义表来定义。这种做...
  • xiaoyw
  • xiaoyw
  • 2014年12月25日 16:48
  • 1868

动态增加表单项时JS要注意的问题

如果表单中有时间选择器类的插件(datetimepicker),每次增加新的输入框,都要给新的输入框重新添加时间,否则新框没法选择时间 单选框,如果是clone过去先append后改属性,就会因为改属...
  • Tianyi_liang
  • Tianyi_liang
  • 2017年06月20日 11:22
  • 351
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态表单
举报原因:
原因补充:

(最多只允许输入30个字)