form 表单模板

 1 <div class="modal-dialog modal-lg">  //大布局modal-lg
 2     <div class="modal-content" >
 3         <div class="modal-header">
 4             <button aria-hidden="true" data-dismiss="modal" class="close"
 5                 type="button">×</button>
 6             <h4 class="modal-title">工单</h4>
 7         </div>
 8         <div class="modal-body">
 9             <form id="form-wizard" enctype="multipart/form-data"
10                 name="form-wizard" class="form-horizontal"
11                 th:object=" ${redeploymentDto}">
12                     <input id="id" type="hidden" name="id" th:value="${redeploymentDto.id}" />
13                     <input id="flag" type="hidden" name="flag" th:value="${redeploymentDto.flag}" /> 
14                         <div class="form-group">
15                                   <div class="col-lg-6">
16                                     <label class="control-label col-lg-6"> 单位名称<font class="text-muted">*</font>
17                                     </label>
18                                     <div class="col-lg-5">
19                                         <select id="companyId" name="company"  style=" 150px;"
20                                         onchange="getContract();getAddress();getWebsite();getBsName();getTcName();"
21                                                     class="form-control" placeholder="请选择">
22                                                     <option th:value="${redeploymentDto.company}"
23                                             th:text="${redeploymentDto.company}"></option>
24                                         </select>
25                                     </div>
26                                 </div>
27                                 
28                                  <div class="col-lg-6">
29                                     <label class="control-label col-lg-6"> 合同名称<span
30                                         class="muted">*</span></label>
31                                     <div class="col-lg-5">
32                                         <select id="contractId" name="contract" style=" 150px;"
33                                             th:value="${redeploymentDto.contract}" class="form-control m-bot15"
34                                             placeholder="请选择"  >
35                                             <option th:value="${redeploymentDto.contract}"
36                                                 th:text="${redeploymentDto.contract}">请选择</option>
37                                         </select>
38                                     </div>
39                                 </div>
40                       </div>
41          </form>
42             </div>
43             
44                 <div class="modal-footer">
45                         <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
46                         <button type="button" class="btn btn-success" id="saveButton">提交</button>
47                 </div>
48           </div>
49     </div>
原文地址:https://www.cnblogs.com/Steven5007/p/8491841.html