效果图:
jsp展现页面代码:
<%@page contentType="text/html;charset=GBK" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<link rel="stylesheet" type="text/css" href="../common/extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="../common/extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../common/extjs/ext-all.js"></script>
<script type="text/javascript" src="../common/extjs_assis/ext-self.js"></script>
<SCRIPT src="../common/easyQuery/EasyQuery.js"></SCRIPT>
<SCRIPT src="TestForm1.js"></SCRIPT>
<title>TestForm</title>
</head>
<body>
<form action="TestForm1Save.jsp" method=post name=fm>
<br>
<div id="FormDiv" style="text-align: center; left: 30%; top:30%; position: absolute"><div>
</form>
</body>
</html>
js代码:
后台JSP代码: