分類
<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. 本平臺織夢模板僅展示和個人非盈利用途，織夢系統商業用途請預先授權。
