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="width: 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="width: 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>
posted on 2018-03-02 10:24 Steven5007 阅读(437) 评论(0) 编辑 收藏 举报