772efab7857c608dffcc38f2a2d1ee5af437818c.svn-base 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. %>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <title>用户信息</title>
  10. <!--框架必需start-->
  11. <script type="text/javascript" src="<%=path%>/libs/js/jquery.js"></script>
  12. <script type="text/javascript" src="<%=path%>/libs/js/language/cn.js"></script>
  13. <script type="text/javascript" src="<%=path%>/libs/js/framework.js"></script>
  14. <link href="<%=path%>/libs/css/import_basic.css" rel="stylesheet" type="text/css" />
  15. <link rel="stylesheet" type="text/css" id="skin" prePath="<%=path%>/" scrollerX="false"/>
  16. <link rel="stylesheet" type="text/css" id="customSkin"/>
  17. <!--框架必需end-->
  18. <!-- 树组件start -->
  19. <script type="text/javascript" src="<%=path%>/libs/js/tree/ztree/ztree.js"></script>
  20. <link type="text/css" rel="stylesheet" href="<%=path%>/libs/js/tree/ztree/ztree.css"></link>
  21. <!-- 树组件end -->
  22. <!-- 树形下拉框start -->
  23. <script type="text/javascript" src="<%=path%>/libs/js/form/selectTree.js"></script>
  24. <!-- 树形下拉框end -->
  25. <!-- 日期选择框start -->
  26. <script type="text/javascript" src="<%=path%>/libs/js/form/datePicker/WdatePicker.js"></script>
  27. <!-- 日期选择框end -->
  28. <!-- 双向选择器start -->
  29. <script type="text/javascript" src="<%=path%>/libs/js/form/lister.js"></script>
  30. <!-- 双向选择器end -->
  31. <!-- 树形双选器start -->
  32. <script type="text/javascript" src="<%=path%>/libs/js/form/listerTree.js"></script>
  33. <!-- 树形双选器end -->
  34. <!-- 颜色选择器start -->
  35. <script type="text/javascript" src="<%=path%>/libs/js/form/color.js"></script>
  36. <!-- 颜色选择器start -->
  37. <!-- 数字步进器start -->
  38. <script type="text/javascript" src="<%=path%>/libs/js/form/stepper.js"></script>
  39. <!-- 数字步进器end -->
  40. <!-- 软键盘控件start -->
  41. <script type="text/javascript" src="<%=path%>/libs/js/form/keypad.js"></script>
  42. <!-- 软键盘控件start -->
  43. <!-- 评星级控件start -->
  44. <script type="text/javascript" src="<%=path%>/libs/js/form/rating.js"></script>
  45. <!-- 评星级控件end -->
  46. <!-- 表单验证start -->
  47. <script src="<%=path%>/libs/js/form/validationRule.js" type="text/javascript"></script>
  48. <script src="<%=path%>/libs/js/form/validation.js" type="text/javascript"></script>
  49. <!-- 表单验证end -->
  50. </head>
  51. <body style="background-color:#ffffff;">
  52. <form id="myFormId" action="<%=path%>/fullform/saveForm.do" method="post" target="frmright" failAlert="表单填写不正确,请按要求填写!">
  53. <table class="tableStyle" formMode="transparent">
  54. <tr>
  55. <td width="150">文本框:</td><td><input name="bo.text" type="text" class="validate[required]" watermark="员工姓名"/><span class="star">*</span></td>
  56. </tr>
  57. <tr>
  58. <td>单选按钮:</td>
  59. <td><input type="radio" id="radio-1" name="bo.radio" value="男" /><label for="radio-1" class="hand">男</label>
  60. <input type="radio" id="radio-2" name="bo.radio" value="女"/><label for="radio-2" class="hand">女</label>
  61. </td>
  62. </tr>
  63. <tr>
  64. <td>多选按钮:</td>
  65. <td><input type="checkbox" id="checkbox-1" name="bo.checkboxs" value="唱歌"/><label for="checkbox-1" class="hand">唱歌</label>
  66. <input type="checkbox" id="checkbox-2" name="bo.checkboxs" value="跳舞" /><label for="checkbox-2" class="hand">跳舞</label>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td>单选下拉框:</td>
  71. <td>
  72. <select prompt="请选择员工" data='{"list":[{"value":"1","key":"员工1"},{"value":"2","key":"员工2"}]}'></select>
  73. </td>
  74. </tr>
  75. <tr>
  76. <td>文本框:</td><td><input type="text"/></td>
  77. </tr>
  78. <tr>
  79. <td>文本框:</td><td><input type="text"/></td>
  80. </tr>
  81. <tr>
  82. <td>文本框:</td><td><input type="text"/></td>
  83. </tr>
  84. <tr>
  85. <td>文本框:</td><td><input type="text"/></td>
  86. </tr>
  87. <tr>
  88. <td>日期选择框:</td><td><input type="text" name="bo.datetime" class="date"/></td>
  89. </tr>
  90. <tr>
  91. <td>颜色选择器:</td>
  92. <td>
  93. <input type="text" class="color" name="bo.color"/>
  94. </td>
  95. </tr>
  96. <tr>
  97. <td>数字步进器:</td>
  98. <td>
  99. <input type="text" class="stepper" name="bo.spinbox" value="0"/>
  100. </td>
  101. </tr>
  102. <tr>
  103. <td>软键盘控件:</td>
  104. <td>
  105. <input type="text" name="bo.keypad" class="keypad"/>
  106. </td>
  107. </tr>
  108. <tr>
  109. <td>评星级控件:</td>
  110. <td>
  111. <div class="rating" name="bo.raty"></div>
  112. </td>
  113. </tr>
  114. <tr>
  115. <td>文本域:</td>
  116. <td>
  117. <textarea name="bo.textarea"></textarea>
  118. </td>
  119. </tr>
  120. <tr>
  121. <td colspan="2">
  122. <input type="submit" value=" 提 交 "/>
  123. <input type="button" value=" 重 置 "/>
  124. </td>
  125. </tr>
  126. </table>
  127. </form>
  128. </body>
  129. </html>