[bootsrap]模态框使用例 - CQ_LQJ
程序员文章站
2022-03-23 14:52:50
...
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">
![[bootsrap]模态框使用例 - CQ_LQJ](/default/index/img?u=aHR0cHM6Ly9pbWcucGhwLmNuL3VwbG9hZC9jb3Vyc2UvMDAwLzAwMC8wNzEvNjIwYzYwNGY3NTI1MTk5NS5wbmc= "[bootsrap]模态框使用例 - CQ_LQJ")
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
上一篇： 如何用jquery判断数据是否加载完成
下一篇： 以太坊叔块