您的位置：首页 > 数据库

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

2007-07-23 14:59 405 查看

简单尝试效果图如下:

相关代码如下:

<html>

<head>

<title>表单设定保存和读取显示</title>

//保存表单

function fn_btn1_onclick()

{

document.all("Text1").value = document.all("divDesign").innerHTML;

}

//读取表单以使用

function fn_btn2_onclick()

{

document.all("divWorkStart").innerHTML = document.all("Text1").value;

}

//保存申请

function fn_btn3_onclick()

{

document.all("Text2").value = document.all("divWorkStart").innerHTML;

}

//读取申请以批复

function fn_btn4_onclick()

{

document.all("divWorkEnd").innerHTML = document.all("Text2").value;

}

</script>

</head>

<body>

--母版的内容用于复制相关控件对象到设计区--%>

控件母板

文本框:<input id="TextModule" type="text" value="" />

</div>

<br />

第一步 : 表单设计

<div style="width: 300px; height: 100px; border: black 1px solid; font-size:small; line-height:1; "

id="divDesign" contenteditable="true">

</div>

--设计好的表单可保存到数据库此处直接放在input 以便读出时取用--%>

<br />

第二步 : 使用表单开始申请

<div style="width: 300px; height: 100px; border: black 1px solid; font-size:small; line-height:1; "

id="divWorkStart">

</div>

--申请表单可保存到数据库此处直接放在input 以便读出时取用--%>

<br />

第三步 : 批复申请

<div style="width: 300px; height: 100px; border: black 1px solid; font-size:small; line-height:1; "

id="divWorkEnd" >

</div>

</form>

</body>

</html>

操作步骤:
-------------------------
1.在第一步表单设计区域
输入外出申请等文字
姓名等其后对应的文本框
复制粘贴自上面控件母板区域内的文本框
注意文本框内文字的清空或输入默认文字
设计好后进行表单保存
2.在第二步先点击读取表单按钮
则下面区域会显示第一步设计好的空白申请表单
然后在下面区域的姓名和原因后的文本框
输入相关文字
保存申请
3.在第三步先点击读取申请按钮
则下面区域会显示第二步已部分填充的申请表单
然后在下面区域的批复后的文本框
输入相关文字
保存批复
......

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： button 数据库 input server

相关文章推荐

新的分享

章节导航

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

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