点击登录按钮从上而下弹出登录界面窗口
2017-12-15 11:59
323 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css"/> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="bootstrap.min.js"></script> </head> <body> <script type="text/javascript"> $('#myModal').on('shown.bs.modal', function () { $('#myInput').focus() }) </script> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Open modal for @mdo</button> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">Open modal for @fat</button> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@getbootstrap">Open modal for @getbootstrap</button> ...more buttons... <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> <div class="modal-dialog" role="document"> <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="exampleModalLabel">New message</h4> </div> <div class="modal-body"> <form> <div class="form-group"> <label for="recipient-name" class="control-label">Recipient:</label> <input type="text" class="form-control" id="recipient-name"> </div> <div class="form-group"> <label for="message-text" class="control-label">Message:</label> <textarea class="form-control" id="message-text"></textarea> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Send message</button> </div> </div> </div> </div> </body> </html>
相关文章推荐
- 7080登陆界面点击服务器管理按钮,无法弹出窗口,报错
- C# 在窗口中,敲回车进行登录。(效果是在登录界面一敲回车就点击登录按钮)
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- android studio弹出窗口太大,超过屏幕的底边框,无法点击下面的按钮?
- 点击按钮弹出上传文件的窗口
- JS点击按钮弹出窗口
- WebView点击加载的页面中的按钮时不弹出新窗口以及在加载后执行javascript
- 点击按钮弹出遮罩层背景和居于屏幕中间的弹出窗口(结合阿聪世家适当修改)
- popupWindow (弹出窗口)点击某个按钮时,在旁边显示其他按钮。
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?
- js实现,点击按钮5秒后弹出窗口
- 点击按钮弹出新窗口,输入数据后返回并刷新页面
- 局部刷新 与 点击按钮弹出窗口 (ajax 控件 updatepanel ModalPopupExtender ) 今天怎么老出问题呢
- html点击按钮 弹出 多选择窗口级联下拉复选
- 实现点击按钮,弹出登录页面,原页面变暗代码
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?
- 实现效果:点击界面某个按钮时候,弹出输入框,锁定背景的效果
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面?