当前位置:  开发笔记 > 程序员 > 正文

[bootsrap]模态框使用例 - CQ_LQJ

[bootsrap]模态框使用例-CQ_LQJ
<a href="#modal1" role="button" class="btn btn-primary btn-sm" data-toggle="modal">合同添加a>
<p id="modal1" class="modal hide fade">
                                 <p class="modal-header">
                                   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×button>
                                   <h3>合同添加界面h3>
                               p>
                               <p class="modal-body">
                                   <form class="form-horizontal" id="form1">
                              {% csrf_token %}
                                   <p class="control-group">
                                       <label class="control-label">合同编码:label>
                                       <p 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>
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">合同名称:label>
                                       <p class="controls"><textarea rows="8" class="form-control" id="bill2">textarea>p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">是否续签:label>
                                       <p class="controls">
                                           <select class="form-control input-mini" placeholder=".input-mini" id="bill3">
                                <option>option>
                                <option>option>
                              select>
                            p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">原合同编码:label>
                                       <p 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>
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">合同类型:label>
                                       <p class="controls">
                                           <select class="form-control input-small" placeholder=".input-small" id="bill5">
                                <option>光纤option>
                                <option>交叉option>
                                <option>团购option>
                              select>
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">合帐缴费号码:label>
                                       <p 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>
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">缴费合帐号:label>
                                       <p 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>
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">座机数量:label>
                                       <p 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,''))">
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">座机费用:label>
                                       <p 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,''))">
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注一:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill10">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">光纤一:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill11">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">纤一费用:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill12">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注二:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill13">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">光纤二:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill14">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">光纤二费用:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill15">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注三:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill16">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">手机数量:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill17">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">手机费用:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill18">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注四:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill19">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他数量一:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill20">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他费用一:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill21">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注五:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill22">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他数量二:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill23">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他费用二:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill24">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注六:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill25">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他数量三:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill26">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他费用三:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill27">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注七:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill28">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他数量四:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill29">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">其他费用四:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill30">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">备注八:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill31">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">优惠前费用:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill32">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">优惠后费用:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill33">p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">费用处理方式:label>
                                       <p class="controls">
                                           <select class="form-control input-small" placeholder=".input-small" id="bill34">
                                <option>合帐option>
                                <option>分摊option>
                                <option>手工option>
                              select>
                                       p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">合同年限:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill35"><span>span>p>
                                   p>
                                   <p class="control-group">
                                       <label class="control-label">合同生效时间:label>
                                       <p class="controls"><input type="text" class="form-control" id="bill36"><span class="text-error">格式:20160101span>p>
                                   p>
                                   <p class="control-group">
                                       <    
推荐阅读
依然-狠幸福
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有