<div class="modal fade" id="modalForm" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span> </button> </div> <div class="col-md-12"> <h4 class="modal-title" id="myModalLabel">Contact Form</h4> </div> <!-- Modal Body --> <div class="modal-body"> <p class="statusMsg"></p> <form role="form" id="formContact"> <div class="form-group"> <label for="inputemail">Email</label> <input type="text" class="form-control" name="email" placeholder="Enter your email" /> </div> <div class="form-group"> <button type="button" class="btn btn-primary" id="checkButton">Check</button> </div> <div class="form-group"> <label for="exampleFormControlTextarea1" class="form-label">Hasil</label> <textarea class="form-control" rows="10" cols="10" readonly id="resultArea""></textarea> </div> </form> </div> <!-- Modal Footer --> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary submitBtn" id="tambahkanContact">Tambahkan Data</button> </div> </div> </div> </div>