您的位置: 首页  >  文章  >  简单尝试 OA系统中 的 智能表单设计

简单尝试 OA系统中 的 智能表单设计

分类: 文章 • 2025-04-08 14:30:52

简单尝试效果图如下:
简单尝试 OA系统中 的 智能表单设计
相关代码如下:

简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计
简单尝试 OA系统中 的 智能表单设计<html>
简单尝试 OA系统中 的 智能表单设计<head>
简单尝试 OA系统中 的 智能表单设计<title>表单设定保存 和 读取显示</title>
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计<script type="text/javascript">简单尝试 OA系统中 的 智能表单设计
简单尝试 OA系统中 的 智能表单设计//保存表单
简单尝试 OA系统中 的 智能表单设计function fn_btn1_onclick()
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计{
简单尝试 OA系统中 的 智能表单设计    document.all("Text1").value = document.all("divDesign").innerHTML;
简单尝试 OA系统中 的 智能表单设计}
简单尝试 OA系统中 的 智能表单设计//读取表单 以 使用
简单尝试 OA系统中 的 智能表单设计function fn_btn2_onclick()
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计{  
简单尝试 OA系统中 的 智能表单设计    document.all("divWorkStart").innerHTML = document.all("Text1").value;
简单尝试 OA系统中 的 智能表单设计}
简单尝试 OA系统中 的 智能表单设计//保存申请
简单尝试 OA系统中 的 智能表单设计function fn_btn3_onclick()
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计{
简单尝试 OA系统中 的 智能表单设计    document.all("Text2").value = document.all("divWorkStart").innerHTML;
简单尝试 OA系统中 的 智能表单设计}
简单尝试 OA系统中 的 智能表单设计//读取申请 以 批复
简单尝试 OA系统中 的 智能表单设计function fn_btn4_onclick()
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计{  
简单尝试 OA系统中 的 智能表单设计    document.all("divWorkEnd").innerHTML = document.all("Text2").value;
简单尝试 OA系统中 的 智能表单设计}
简单尝试 OA系统中 的 智能表单设计</script>
简单尝试 OA系统中 的 智能表单设计</head>
简单尝试 OA系统中 的 智能表单设计<body>
简单尝试 OA系统中 的 智能表单设计    <form id="form1" runat="server">
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计        <%简单尝试 OA系统中 的 智能表单设计--母版的内容 用于复制相关控件对象 到设计区--%>
简单尝试 OA系统中 的 智能表单设计        控件母板
简单尝试 OA系统中 的 智能表单设计        <div style="width: 300px; height: 30px; border: black 1px solid; " id="divModule" contenteditable="true">
简单尝试 OA系统中 的 智能表单设计            文本框:<input id="TextModule" type="text" value="" />
简单尝试 OA系统中 的 智能表单设计        </div>
简单尝试 OA系统中 的 智能表单设计        <br />
简单尝试 OA系统中 的 智能表单设计        第一步 : 表单设计  
简单尝试 OA系统中 的 智能表单设计        <div style="width: 300px; height: 100px; border: black 1px solid; font-size:small; line-height:1; " 
简单尝试 OA系统中 的 智能表单设计        id="divDesign" contenteditable="true">
简单尝试 OA系统中 的 智能表单设计        </div>
简单尝试 OA系统中 的 智能表单设计        <input id="Button1" type="button" value="保存表单" onclick="fn_btn1_onclick();" />
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计        <%简单尝试 OA系统中 的 智能表单设计--设计好的表单 可保存到数据库 此处直接放在input 以便读出时取用--%>
简单尝试 OA系统中 的 智能表单设计        <input id="Text1" type="text"  />
简单尝试 OA系统中 的 智能表单设计        <br />
简单尝试 OA系统中 的 智能表单设计        <br />              
简单尝试 OA系统中 的 智能表单设计        第二步 : 使用表单 开始申请
简单尝试 OA系统中 的 智能表单设计        <input id="Button2" type="button" value="读取表单" onclick="fn_btn2_onclick();"  />  
简单尝试 OA系统中 的 智能表单设计        <div style="width: 300px; height: 100px; border: black 1px solid;  font-size:small; line-height:1; " 
简单尝试 OA系统中 的 智能表单设计        id="divWorkStart">
简单尝试 OA系统中 的 智能表单设计        </div>
简单尝试 OA系统中 的 智能表单设计        <input id="Button4" type="button" value="保存申请" onclick="fn_btn3_onclick();" />
简单尝试 OA系统中 的 智能表单设计简单尝试 OA系统中 的 智能表单设计        <%简单尝试 OA系统中 的 智能表单设计--申请表单 可保存到数据库 此处直接放在input 以便读出时取用--%>
简单尝试 OA系统中 的 智能表单设计        <input id="Text2" type="text"  />
简单尝试 OA系统中 的 智能表单设计        <br />
简单尝试 OA系统中 的 智能表单设计        <br />              
简单尝试 OA系统中 的 智能表单设计        第三步 : 批复申请
简单尝试 OA系统中 的 智能表单设计        <input id="Button5" type="button" value="读取申请" onclick="fn_btn4_onclick();"  />  
简单尝试 OA系统中 的 智能表单设计        <div style="width: 300px; height: 100px; border: black 1px solid;  font-size:small; line-height:1; " 
简单尝试 OA系统中 的 智能表单设计        id="divWorkEnd" >
简单尝试 OA系统中 的 智能表单设计        </div>
简单尝试 OA系统中 的 智能表单设计    </form>
简单尝试 OA系统中 的 智能表单设计</body>
简单尝试 OA系统中 的 智能表单设计</html>


操作步骤:
-------------------------
1.在第一步 表单设计 区域
  输入 外出申请 等文字
  姓名等其后对应的文本框
  复制粘贴自 上面控件母板区域内的文本框
  注意文本框内文字的清空或输入默认文字
  设计好后 进行表单保存

2.在第二步 先点击 读取表单 按钮
  则下面区域 会显示 第一步设计好的空白申请表单
  然后在下面区域的姓名 和 原因 后的 文本框
  输入相关文字
  保存申请

3.在第三步 先点击 读取申请 按钮
  则下面区域 会显示 第二步已部分填充的申请表单
  然后在下面区域的批复 后的 文本框
  输入相关文字
  保存批复
  ......
 

转载于:https://www.cnblogs.com/freeliver54/archive/2007/07/23/828332.html

相关推荐