Bootstrap modal
<!-- modal begin --> <div class="well"> <-- Button to trigger modal --> <a href="#myModal" role="button" class="btn btn-inverse" data-toggle="modal">Launch demo modal</a> <-- Modal --> </div> <!-- real modal --> <div class="modal hide fade" id="myModal" tabindex="-1" style="display: none;" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Modal header</h3> </div> <div class="modal-body"> <form class="form-horizontal"> <div class="control-group"> <label class="control-label" for="inputEmail">Email</label> <div class="controls"> <input type="text" id="inputEmail" placeholder="Email"> </div> </div> <div class="control-group"> <label class="control-label" for="inputPassword">Password</label> <div class="controls"> <input type="password" id="inputPassword" placeholder="Password"> </div> </div> <div class="control-group"> <div class="controls"> <label class="checkbox"> <input type="checkbox">Remember me </label> <button type="submit" class="btn">Sign in</button> </div> </div> </form> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> <button id="someBtn" class="btn btn-primary">Save changes</button> </div> </div> <!-- modal end-->