add.html

张创琦

  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4.     <meta charset="UTF-8"/>
  5.     <title>user</title>
  6.     <link rel="stylesheet" th:href="@{/css/bootstrap.css}"></link>
  7.     <script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
  8.     <script type="text/javascript" src="/js/My97DatePicker/lang/zh-cn.js"></script>
  11. </head>
  12. <body class="container">
  13. <br/>
  14. <h1>添加账单</h1>
  15. <br/><br/>
  16. <div class="with:80%">
  17.     <form class="form-horizontal" th:action="@{bill/add}" action="/bill/add" method="post">
  18.         <div class="form-group">
  19.             <label for="typeId" class="col-sm-2 control-label">类型</label>
  20.             <div class="col-sm-10">
  21.                 <select name="typeId" id="typeId" class="form-control">
  22.                     <!-- TODO 回显账单类型 -->
  23.                     <option th:each="t:${types}" th:values="${t.id}" th:text="${t.name}">
  24.                 </select>
  25.             </div>
  26.         </div>
  27.         <div class="form-group">
  28.             <label for="title" class="col-sm-2 control-label" >标题</label>
  29.             <div class="col-sm-10">
  30.                 <input type="text" class="form-control" name="title" id="title" placeholder="标题"/>
  31.             </div>
  32.         </div>
  33.         <div class="form-group">
  34.             <label for="billTime" class="col-sm-2 control-label">日期</label>
  35.             <div class="col-sm-10">
  36.                 <input type="text" class="form-control" name="billTime"  id="billTime" placeholder="日期" onclick="WdatePicker()"/>
  37.             </div>
  38.         </div>
  39.         <div class="form-group">
  40.             <label for="price" class="col-sm-2 control-label">金额</label>
  41.             <div class="col-sm-10">
  42.                 <input type="text" class="form-control" name="price"  id="price" placeholder="金额"/>
  43.             </div>
  44.         </div>
  45.         <div class="form-group">
  46.             <label for="explain" class="col-sm-2 control-label">说明</label>
  47.             <div class="col-sm-10">
  48.                 <input type="text" class="form-control" name="explain"  id="explain" placeholder="说明"/>
  49.             </div>
  50.         </div>
  52.         <div class="form-group">
  53.             <div class="col-sm-offset-2 col-sm-10">
  54.                 <input type="submit" value="保存" class="btn btn-info" />
  55.                 &nbsp; &nbsp; &nbsp;
  56.                 <input type="reset" value="重置" class="btn btn-info" />
  57.             </div>
  59.         </div>
  60.     </form>
  61. </div>
  62. </body>
  63. </html>