分类
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<div class="modal fade" id="myModal"> <div class="modal-dialog"> <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> </div> <div class="modal-body"> <h4 class="modal-title" align="center">登录框</h4> <br/> <form class="form-horizontal" role="form"> <div class="form-group"> <label for="name" class="col-sm-offset-2 col-sm-2 control-label">账号</label> <div class="col-sm-5"> <input type="text" class="form-control" id="name" placeholder="请输您的入账号"> </div> </div> <div class="form-group"> <label for="password" class="col-sm-offset-2 col-sm-2 control-label">密码</label> <div class="col-sm-5"> <input type="password" class="form-control" id="password" placeholder="请输入您的密码"> </div> </div> <div class="form-group"> <div class="col-sm-offset-4 col-sm-5"> <button id="submitBtn" type="submit" class="btn btn-default btn-block btn-primary">登陆</button> </div> </div> </form> </div> <div class="modal-footer"> </div> </div> <!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> <script type="text/javascript"> $(function(){ $(".tbox").click(function(){ $('#myModal').modal('show') //显示模态框 }) }); </script>
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。