Bootstrap模态框提交表单的操作是什么
导读:这篇文章主要给大家介绍“Bootstrap模态框提交表单的操作是什么”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“Bootstrap模态框提交表单的操作是什么”文章能对大...
这篇文章主要给大家介绍“Bootstrap模态框提交表单的操作是什么”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“Bootstrap模态框提交表单的操作是什么”文章能对大家有所帮助。bootstrap模态框提交表单的方法:首先打开相应的代码文件;然后直接把form表单写在模态框的modal-body里;最后设置action提交时要跳转的链接即可。
本教程操作环境:Windows7系统、bootsrap3.3.7版,该方法适用于所有品牌电脑。
bootstrap模态框提交表单
直接把form表单写在模态框的modal-body里,和正常的form表单一样处理,action=提交时要跳转的链接。
如果按照bootstrap的模态框架构来,最后的保存要放在form外,但是提交按钮放在form之外则不能提交表单,所以要放在form之内。
div class="modal-content"> div class="modal-header"> button type="button" class="close" data-dismiss="modal" aria-label="Close"> span aria-hidden="true"> ×/span> /button> h4 class="modal-title" id="myModalLabel"> 添加数据字典/h4> /div> div class="modal-body"> form class="form-horizontal" role="form" id="add-key-form" action="system/dic-save.json" method="post"> div class="form-group"> label class="col-sm-2 control-label"> i class="required"> * /i> 键:/label> div class="col-sm-4"> input type="text" class="form-control" name="keyName" placeholder="请输入字典键"/> /div> label class="col-sm-2 control-label"> i class="required"> * /i> 值:/label> div class="col-sm-4"> input type="text" class="form-control" name="keyValue" placeholder="请输入字典值"> /div> /div> div class="modal-footer"> button type="submit" class="btn btn-primary"> 保存/button> /div> /form> /div> /div>
以上就是关于Bootstrap模态框提交表单的操作是什么的介绍,本文内容仅供参考,有需要的朋友可以借鉴了解看看,希望对大家学习或工作,想要了解更多欢迎关注网络,小编每天都会为大家更新不同的知识。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: Bootstrap模态框提交表单的操作是什么
本文地址: https://pptw.com/jishu/654001.html