zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    谷歌浏览器解决跨域
    实现Linux共享Window文件
    linux安装显卡驱动
    jsduck 文档生成器
    linux 笔记
    Linux phpstorm 无法输入中文
    linux 安装composer
    Extjs动态生成表头(适用报表)
    关于git的配置与使用
    JSP解决中文乱码问题
  • 原文地址:https://www.cnblogs.com/Steven5007/p/8491841.html
Copyright © 2011-2022 走看看