[bootsrap]模态框使用例 - CQ_LQJ

a href="#modal1" role="button" class="btn btn-primary btn-sm" data-toggle="modal">合同添加a>
div id="modal1" class="modal hide fade">
                                 div class="modal-header">
                                   button type="button" class="close" data-dismiss="modal" aria-hidden="true">×button>
                                   h3>合同添加界面h3>
                               div>
                               div class="modal-body">
                                   form class="form-horizontal" id="form1">
                              {% csrf_token %}
                                   div class="control-group">
                                       label class="control-label">合同编码:label>
                                       div class="controls">
                                           input type="text" class="form-control" id="bill1" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
                                         span class="text-error">限数字,字母span>
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">合同名称:label>
                                       div class="controls">textarea rows="8" class="form-control" id="bill2">textarea>div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">是否续签:label>
                                       div class="controls">
                                           select class="form-control input-mini" placeholder=".input-mini" id="bill3">
                                option>是option>
                                option>否option>
                              select>
                            div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">原合同编码:label>
                                       div class="controls">
                                           input type="text" class="form-control" id="bill4" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
                                         span class="text-error">限数字,字母span>
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">合同类型:label>
                                       div class="controls">
                                           select class="form-control input-small" placeholder=".input-small" id="bill5">
                                option>光纤option>
                                option>交叉option>
                                option>团购option>
                              select>
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">合帐缴费号码:label>
                                       div class="controls">
                                           input type="text" class="form-control" id="bill6" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                         span class="text-error">限数字span>
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">缴费合帐号:label>
                                       div class="controls">
                                           input type="text" class="form-control" id="bill7" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                         span class="text-error">限数字span>
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">座机数量:label>
                                       div class="controls">
                                           input type="text" class="form-control" id="bill8" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">座机费用:label>
                                       div class="controls">
                                           input type="text" class="form-control" id="bill9" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注一:label>
                                       div class="controls">input type="text" class="form-control" id="bill10">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">光纤一:label>
                                       div class="controls">input type="text" class="form-control" id="bill11">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">纤一费用:label>
                                       div class="controls">input type="text" class="form-control" id="bill12">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注二:label>
                                       div class="controls">input type="text" class="form-control" id="bill13">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">光纤二:label>
                                       div class="controls">input type="text" class="form-control" id="bill14">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">光纤二费用:label>
                                       div class="controls">input type="text" class="form-control" id="bill15">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注三:label>
                                       div class="controls">input type="text" class="form-control" id="bill16">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">手机数量:label>
                                       div class="controls">input type="text" class="form-control" id="bill17">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">手机费用:label>
                                       div class="controls">input type="text" class="form-control" id="bill18">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注四:label>
                                       div class="controls">input type="text" class="form-control" id="bill19">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他数量一:label>
                                       div class="controls">input type="text" class="form-control" id="bill20">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他费用一:label>
                                       div class="controls">input type="text" class="form-control" id="bill21">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注五:label>
                                       div class="controls">input type="text" class="form-control" id="bill22">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他数量二:label>
                                       div class="controls">input type="text" class="form-control" id="bill23">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他费用二:label>
                                       div class="controls">input type="text" class="form-control" id="bill24">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注六:label>
                                       div class="controls">input type="text" class="form-control" id="bill25">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他数量三:label>
                                       div class="controls">input type="text" class="form-control" id="bill26">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他费用三:label>
                                       div class="controls">input type="text" class="form-control" id="bill27">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注七:label>
                                       div class="controls">input type="text" class="form-control" id="bill28">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他数量四:label>
                                       div class="controls">input type="text" class="form-control" id="bill29">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">其他费用四:label>
                                       div class="controls">input type="text" class="form-control" id="bill30">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">备注八:label>
                                       div class="controls">input type="text" class="form-control" id="bill31">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">优惠前费用:label>
                                       div class="controls">input type="text" class="form-control" id="bill32">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">优惠后费用:label>
                                       div class="controls">input type="text" class="form-control" id="bill33">div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">费用处理方式:label>
                                       div class="controls">
                                           select class="form-control input-small" placeholder=".input-small" id="bill34">
                                option>合帐option>
                                option>分摊option>
                                option>手工option>
                              select>
                                       div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">合同年限:label>
                                       div class="controls">input type="text" class="form-control" id="bill35">span>span>div>
                                   div>
                                   div class="control-group">
                                       label class="control-label">合同生效时间:label>
                                       div class="controls">input type="text" class="form-control" id="bill36">span class="text-error">格式:20160101span>div>
                                   div>
                                   div class="control-group">
                                       
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• html下拉菜单文字怎么变小
• HTML里怎么设置thead表头的颜色
• html5中元素能拉伸宽度吗
• html中怎么清除li黑点
• [bootsrap]模态框使用例 - CQ_LQJ

• 系统性能优化——AOP切换数据源2
• 系统性能优化——AOP切换数据源
• 数据源配置
• 读写分离概述