[bootsrap]模态框使用例-CQ_LQJ
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了[bootsrap]模态框使用例-CQ_LQJ，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7300字，纯文字阅读大概需要11分钟。
内容图文
<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">格式:20160101</span></div> </div> <div class="control-group"> <
内容总结
以上是互联网集市为您收集整理的[bootsrap]模态框使用例-CQ_LQJ全部内容，希望文章能够帮你解决[bootsrap]模态框使用例-CQ_LQJ所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】